Docs

[alorraine]

Hi hi,

Hope you can help, I followed https://community.theme.co/forums/topic/force-mobile-menu-to-appear/#post-199907 to make the burger menu the permanent option – but this seems to override the ‘fixed top’ header option I set in customizer.

Is it possible to have a burger menu across the whole site, at all sizes; and to have a ‘fixed top’ header on all widths above 767px?

Thanks for your help!

[Thai]

Hi There,

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

a.x-btn-navbar {
    display: block;
    float: right;
}

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

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

.x-navbar.x-navbar-fixed-top {
    position: fixed !important;
}

Hope it helps 🙂

[alorraine]

Thai, it’s Saturday. Sure you should be enjoying yourself outside?

Thanks for your incredibly quick help. That seems to have solved my problem. 🙂

[alorraine]

Argh, soz.

How would a gentleman have the header fixed on larger screens, but not on mobiles? It’s taking up a lot of screen space at 667×375 for example.

[Christopher]

Thanks for writing in! 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.

[alorraine]

I’m at http://www.tartanotter.com

Thanks!

[Thai]

Hi There,

Please find this CSS:

.x-navbar.x-navbar-fixed-top {
    position: fixed !important;
}

And update to this:

@media (min-width: 668px){
.x-navbar.x-navbar-fixed-top {
    position: fixed !important;
}
}

Hope it helps 🙂

[alorraine]

You guys are actually the best. Can’t see myself using another theme ever again.

Thanks

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts