Mobile Menu Navigation

[Kilik91]

How can i change the resolution at which the mobile navigation button starts to show? For example if I want the mobile navigation button to show at 720px?

thanks in advance

[paul.r]

Hi,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[Kilik91]

Oh so you don’t help with CSS code anymore? Has that changed recently? That’s too bad

[paul.r]

Hi,

I am sorry but modifying the responsive feature of X is not easy and we cannot support the customization because there are lots of variables that needs to be taken into account to make everything work correctly.

You can try adding this in Theme Options > CSS but please note that this code might not work on future updates.

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

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

.masthead-inline .x-btn-navbar {
    display:none;
}
}

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

.x-nav-wrap.mobile.collapse {
    display: none;
}

.x-nav-wrap.mobile.collapse.in {
    display: block;
}

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

.masthead-inline .x-btn-navbar {
    display:block;
}
}

Thanks