[3cstudio]

Please direct me to the tools or method for removing that top-right mobile menu icon — it is causing viewers using PCs (not Macs) to have the last menu item (Donate) bump-down under the first menu item (About Us), rendering it un-clickable. Windows machines recently updated their browser’s viewing area to include some sort of right-side tool bar, making the width of the browser viewing area even smaller than before (as most Macs have a higher resolution screen than PCs anyway).

So, to recap, please provide me with a way to have the mobile menu NOT show on desktop views of the website. Thanks in advance!

Website: disciplingmarketplaceleaders.org

[3cstudio]

Since a number of threads haven’t been responded-to for weeks, I did some digging on my own — this is what I found that might be the solution: Add this to the Custom CSS in the Customizer:

/* Hide element on Desktop */
@media only screen and (min-width: 981px) {
.hamburger {
display: none !important;
}
}

I’m checking with the client to see if their Windows viewers can now see the menu on a single line.

[Author]

Posts