How do I display the non-mobile header menu responsively?

  • Hi,

    I have no use for the mobile menu so I was wondering how I can display the main-navigation responsively? For example, if I were viewing my website in mobile view, I don’t wnat to see the mobile menu, instead I want to see the ‘regular’ menu, that I see on my laptop (wider screen). Do you get what I mean?

    Cheers
    Brody

    • This topic was modified 7 years, 7 months ago by beachsand14.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Yes. I understand. You can add this custom css :

    #nav-toggle { display : none !important; }
@media ( max-width: 768px ) {
.main-navigation .onepress-menu{ display : block ; }
}

    Let me know how it goes!

    Thread Starter beachsand14

    (@beachsand14)

    Cheers @congthien

    It worked partly. When I adjust the size of my browser, the mobile menu is gone because I don’t see the icon (as expected). The problem is my nav menu links are gone too. How do I display the menu links in any size adjustment? Just the links, not the mobile menu.

    Example: If you resize your browser and see the FAQ and Help button, you wil notice Google Wallet does not have a mobile menu.

    https://www.google.com/wallet/

    Hi @beachsand14,

    What is your site url ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I display the non-mobile header menu responsively?’ is closed to new replies.

Tags