Navbar hides the page title on mobile

[Fuzuki]

Hey there,

I have an issue with the appearance of my website on mobile version.

When I scroll down, the navbar comes on top of the title of my pages, and when I scroll back up, it’s not seeable anymore. If I refresh the page, it appears again, but disappears as soon as I begin to scroll down. Is there a way to make sure the navbar stays on top of the content, title included?

Belove here is a recording of my screen so that you can see what I’m talking about! It’s on a S8 phone, if you need to know the size of screen or anything. Does the same thing on a smaller phone I tried!

The screen recording: https://we.tl/6kOd1B1gG9 (that’s the easiest way I found for showing it to you, hope it’s fine!)

Thanks a whole lot!

[Prasant]

Hello @Fuzuki,

Thanks for asking.

Can you please share the reference page in screencast on https://wercury.ch/? On home page I am unable to replicate the issue.

Thanks.

[Fuzuki]

Thanks for your reply!

Sorry, forgot to give it to you. It was on this page here: https://wercury.ch/formations-construction/

But it does happen on every page except the home page actually!

[thai]

Hi There,

Please try adding this custom CSS under X > Theme Options > CSS:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 190px;
}

Hope it helps

[Fuzuki]

@thai

body.x-navbar-fixed-top-active .x-navbar-wrap {
height: 190px;
}

Perfect thank you, didn’t know the two problems would be linked!
Thanks again

[jade]

You’re welcome.