Docs

[Tim]

Hi X,

I use following css to make the navbar ‘sticky’ on mobile:

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

Which is working fine, except for the fact when scrolling on the screen and go back makes the navbar pop over the first page section on mobile.

Second: On desktop view there is a thin white line between the navbar and the firs page section, how to remove this?

Link: http://nlmedi-nawatumbi.savviihq.com/

Thanks!

[Paul R]

Hi Tim,

Thanks for writing in!

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

@media (max-width: 979px) {
body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
    min-height: 100px;
}
}

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 0;
}

Hope that helps.

[Tim]

Perfect, thanks!

[Zeshan]

You’re welcome! 🙂

[Author]

Posts