Home › Forums › Archived Forums › Mobile View › Hide nav bar on tablets and mobile
- This topic has 7 replies, 2 voices, and was last updated 7 years, 10 months ago by
scrambler.
-
AuthorPosts
-
July 16, 2015 at 18:16 UTC - Views: 1 #18041
KatrineBB
ParticipantHi,
This seems simple, but it’s obviously not simple for me.
I need help hiding the nav bar on tablets. I use Shift Nav for phones and and tablets – and managed to hide the primary nav bar on phones, so it’s only ShiftNav that’s visible. How do I do that with tablets as well?
Tried @media only screen (max-width: 768px) but it didn’t help. I’m stuck 🙁
Thanks in advance.
BR, Katrine 🙂
July 16, 2015 at 19:09 UTC #23438scrambler
ModeratorYou need to provide a link to your site and elaborate. I have no idea what you mean by “I used Shift Nav for phones an tablet.
July 16, 2015 at 21:42 UTC #23439KatrineBB
ParticipantSorry – I always forget that! http://www.designstudio.dk
Shift Nav is a plugin
July 16, 2015 at 21:56 UTC #23440scrambler
ModeratorTo hide the menu bar on both phone and tablets, add the rule below in Advanced options > Head Section > Custom CSS Rule box
@media only screen and (max-width:640px) {
#wrap-top-menu {display:none;}
}You do need to provide an alternate method for menu when the browser gets small (which I am not seeing right now)
July 16, 2015 at 22:03 UTC #23441KatrineBB
ParticipantIt doesn’t seem to work. Any ideas?
The alternative is the ‘Shift Nav’ that only shows when at mobile device is detected.
Thanks 🙂
July 16, 2015 at 22:25 UTC - Views: 1 #23442scrambler
ModeratorIt appears to be working just fine for me, if I shrink my browser, under 640px , the menu bar disappears.
If it does not for you, try clearing your cache
You can increase that value if you want it to disappear earlier.
You may also want to add !important
@media only screen and (max-width:800px) {
#wrap-top-menu {display:none !important;}
}July 16, 2015 at 22:31 UTC #23443KatrineBB
ParticipantWorks like a charm.
Almost had it then – didn’t know that it was #wrap-top-menu though.
Thank you very much! 😀
July 16, 2015 at 22:53 UTC #23444scrambler
ModeratorWhen the menu disappears, I see nothing telling me how to get one.
Not great for visitors….
-
AuthorPosts
- The forum ‘ Mobile View’ is closed to new topics and replies.