Possible to hide top nav on mobile

[cbreimhurst]

I’d like to hide the top nav bar (or, optimally, place it at the bottom) on mobile screens (desktop it is fine where it is) because it is not the main menu and on a mobile device it appears as such to a typical user.

http://breimhurstnicolo.com/thingstodolancasterpa/

Is this possible?

[Cosmin – SUPPORT]

Add this custom CSS in the theme options:

@media only screen and (max-width: 767px) {
  nav#mobile-top-bar-menu {
    display: none !important;
  }
}

Regards,

————————————————————————————————————

Cosmin
Support Assistant

[cbreimhurst]

worked like a charm!  Any thoughts on if this could be implemented?  http://jpanelmenu.com/

[Cosmin – SUPPORT]

For that, I suggest hiring a freelancer to implement it, as it’s beyond the scope of theme support.

Regards,
————————————————————————————————————

Cosmin
Support Assistant

[JackV]

Whats the code to use on Flexform to achieve the same effect?

[Melanie – SUPPORT]

@media only screen and (max-width: 767px) { 
#top-bar {
display: none!important;
} }

Cheers!

[JackV]

Not working 🙁

[Melanie – SUPPORT]

Can you show me your website so I can check back?

[JackV]

This reply has been marked as private.

[Melanie – SUPPORT]

This works when I test it:

@media (max-width: 767px){
#top-bar {
display: none!important;
}}

Cheers