Archived topic
Disable elements for Tablet and Mobile views
7 replies · Started by Sarah on July 24, 2017
Hi Tom, I’m creating a sales page on a client's site and they have requested to remove all distractions so I’ve disabled all elements on the page. Unfortunately I’m still getting the sticky navigation and burger menu appearing at the top of the Tablet and Mobile views – how can I stop this happening? I’ve got your Simple CSS plugin installed, so can stick CSS for the page in it. Thanks for your help! 🙂
Hi there,
Try adding this CSS in the metabox of the pages you don't want the main navigation to show at all:
.main-navigation {
display: none;
}Let me know if this is what you are after.
Hi Leo, unfortunately that hasn't worked. The sticky nav bar is still visible on tablet and mobile view. Here's another page on the site that I need to disable it on too, so you can have a look - https://clearfocus.consulting/discoverycall/
Can you try disabling the mobile header? https://docs.generatepress.com/article/mobile-header/
Hi Leo, that's done the trick! Thank you :D
No problem!
Hi there,
Is it possible to find a solution to this without disabling the mobile header?
I have disabled all elements on a page as well, but when I turn the mobile header on, it still appears on the pages with all disabled elements.
(Because I would prefer to keep the sticky mobile header on regular pages.)
Thanks.
Hi there,
This topic is a bit old.
Can you start a new one and link us to the page in question?
Thanks!
