Docs

[bazzjazz]

Hi – The main menu is appearing and working fine, however when I narrow the screen, the main menu disappears but the mobile menu does not appear in its place.

Can you tell me where in the settings I can check this please?

Thanks for your assistance.

Barry

[bazzjazz]

Forgot to say WordPress version 4.5.2 and X version is 4.4.2

[bazzjazz]

This reply has been marked as private.

[bazzjazz]

Hi – Checking it out further and I can see the mobile icon is there, entered under the logo but is white in colour on a white background, hence I couldn’t see it.

Can you tell me how do I change the colour of the icon and can I change the breakpoint where the menu changes?

Thanks.

Barry

[Paul R]

Hi Barry,

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 1137px) {
body .x-navbar .x-btn-navbar {
    color: rgb(155, 64, 63);
    display: inline-block;
}

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

body .x-navbar .x-nav-wrap.mobile.collapse.in {
    display:block !important;
}
}

You may change 1137px to change the breakpoint.

Hope that helps.

[bazzjazz]

That worked great, many thanks for your help.

Barry

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts