[brightshinyParticipant]

Hello,

I found the following code in a forum question to make the mobile nav sticky in the Renew theme:

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

It works great on load. But when a user scrolls down the page, and then back up to the top, the content at the top of the page is then covered by the nav bar. The page content no longer stacks below the nav bar, instead it starts at the top of the browser window, layered underneath the nav bar. I can pull it down but the content snaps back up, under the nav bar. Any way around this?

Thank you for your time.
cb

[Prasant RaiModerator]

Hello Cb,

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.

Thanks.

[brightshinyParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > CSS:

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

Hope it helps 🙂

[brightshinyParticipant]

That worked! Thank you.

cb.

[Rue NelModerator]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts