Disable mobile menu (and show full menu)

Support
#1

Hi,
I would like to display the full menu (Logo + 3 icons in my case) in the sticky top menu on mobile.

I figured out how to hide the mobile menu icon with

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

but I now need to show my 3 icons.

Can you please help?

thanks :slight_smile:

#2

Hello Jeremie,

Thanks for writing in!

Your code is incorrect. Please make use of this code instead:

@media (max-width: 979px){
    .masthead-inline .x-btn-navbar {
        display: none;
    }    

    .x-nav-wrap.desktop {
        display: block;
    }

    .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
        padding-left: 10px;
        padding-right: 10px;
    }
}

We would love to know if this has worked for you. Thank you.

#3

it works great! thanks :slight_smile:

#4

Glad it worked.

Cheers!

#5

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