No mobile menu

Support
#1

How do I have my text menu always be displayed? It is short enough that I don’t want the mobile hamburger menu showing up.

Thanks.

#2

Hello There,

Thanks for writing in!

To display the desktop menu also in mobile screens, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 759px){
    .x-btn-navbar, .x-btn-navbar.collapsed,
    .x-nav-wrap.mobile.collapse,
    .x-nav-wrap.mobile {
        display: none;
    }

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

Hope this helps.

#3

No, that doesn’t work. I am in Pro and added it in the Custom section of Customize.

#4

Hey There,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

#5

Thanks-
Mike

#6

Hey Mike,

You are using Pro with the default header. The css code should work. You may have added it in the wrong section. I have checked the page and I could not find the code. Did you already remove it? Please put it back again. Just make sure that you add the code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

Please let us know if this works out for you.

#7

Yes, I removed it. Now added it back in. Not working.

BTW, Global CSS in Pro is in the Appearance>Customize>Custom panel.

#8

OK, it works in mobile, but the hamburger menu still appears on desktop when the browser is narrowed. How do I change that?

Thanks-
Mike

#9

Hey Mike,

Please add this to your CSS

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

Hope that helps.

#10

OK that worked. Had to change the break point of the first CSS code to 979 and all is well. Thanks!

#11

You’re welcome.

#12

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