Remove the hamburger menu toggle on mobile devices

Hello,

I’ve been using your X theme in concordance with a mega menu plugin called QuadMenu(I’ve explored a few options and this one seems to fit the project best). The only issue I’m struggling with is that I have two hamburger menu dropdowns when I’m view-ing the website on mobile devices.(see attached screenshot)

Website: http://ona.designuncles.co.uk (It’s password protected atm, the password is: bike)

The idea is to not have the first toggle on there and just display the menu with the logo and second toggle. Would there be a way to not display the button, but still display the contents?

Thank you in advance. If I’ve been unclear, do let me know and I shall try to rephrase. Cheers!

Add this to your custom CSS:

@media (max-width: 979px) {
.x-nav-wrap.mobile {
    display: block !important;
}

.x-btn-navbar, .x-btn-navbar.collapsed {
    display: none;
}

}

That seems to have worked perfectly!
Thank you very much :thumbsup:

Glad to hear it’s sorted.

Cheers!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.