Docs

[Lyser]

Hello,
The mobile menu appear too soon when u resize the browser horizontaly. (See link above).
How to change the width for this menu to appear ?

[Lyser]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! By default, the mobile menu will appear as soon as the screen width is just below 980px. This is how X display the mobile menu. How wide should be the screen till the menu will show up?

Please let us know how it goes.

[Lyser]

Ok, the logo need work so i don’t know exactly the size but it should be around 550px i think.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

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

Hope it helps 🙂

[Lyser]

it’s perfect thx a lot.
I was wondering something :

1) could it be possible to have a css trick for the mobile menu not going under the logo when it’s in responsive mode ? I mean the automatically resizing logo width is good, could the mobile menu stay next to it instead going under it ? (it’s height lost for nothing)

2) u can see that when it’s in responsive mode, when the menu is open, u have to click on the little down arrows only to open/close the sub-menu, could it be possible to click on the entire line instead (opening/closing with clicking on “votre compte” for exemple?

[Christian]

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. Thanks for understanding.

[Author]

Posts