[Resolved] Mobile tabs (secondary mobile menu) customization

[Tony]

Hi,

I’m continuing the thread from free support.

I have disabled the secondary menu as described in the docs. However, I still have two issues:

1) The secondary menu is rendered above the primary menu. I’d like it to be the opposite.
2) I’d like the secondary menu to be not rendered on desktop OR to be at least hidden.

If the above is not possible, I’d be happy with having only one menu, which would have text items and the last one would expand after clicking.

Thanks in advance

[Leo]

Hi there,

Any chance you can link us to the site in question (even if it’s NSFW)?

You can use the private information field.

Let me know 🙂

[Tony]

I have solved #1.

Only #2 remains 🙂

The changes are not live on the site. I will publish them once it’s set up correctly.

The site URL is in the private info box.

[David]

Hi there,

you can hide the secondary nav on desktop with this CSS:

@media(min-width: 769px) {
    #secondary-navigation {
        display: none;
    }
}

[Tony]

Thanks David. I have made it look as I needed. Thank you

[Tony]

Closing this thread.

[David]

Glad to be of help

[Tony]

Hello David,

Would you be please able to tell me what do I have to do in order to fix the secondary navigation on mobile? It works well, however once the hamburger submenu expands, it doesn’t hide on upon clicking.

Thanks a lot

[Elvin]

Hi there,

You can try changing the Navigation dropdown behavior to “Click – Menu item” on Appearance > Customize > Layout > Primary Navigation as shown here: https://share.getcloudapp.com/YEuXoRKK

This affects the secondary menu as well.

[Tony]

Amazing, it helped! Thanks a lot 🙂

[Elvin]

No problem. Glad you got it sorted. 🙂

[Author]

Posts