Docs

[Jay B]

Hello,

There seems to be a problem with my site where the content is falling underneath the navbar.

Is there anyway to fix this?

[Jay B]

This reply has been marked as private.

[Jay B]

Looks fine on a mobile though!

[Christian]

Hey Jay,

Looks like you have not set the responsive behavior correctly. Please see https://www.themepunch.com/revslider-doc/layer-responsive-behavior/ for more details.

Thanks.

[Jay B]

Christian – take a closer look 😉 it’s nothing to do with the rev-slider this is globally throughout the website

[Christian]

Would you mind providing a screen recording of the issue?

Thanks.

[Jay B]

Sure although you only have to look on the site to see so I’m not sure how that’s of any benefit… :-/

I can fix this using this CSS:

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

However when viewing on a mobile phone or tablet this then adds an extra bar of padding under the navbar…Got me baffled!

Thanks in advance

J

[Jay B]

This reply has been marked as private.

[Rad]

Hi there,

Please try this

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

Fixing the height will fix it on smaller devices too. And in a narrow device, height is supposed to be bigger.

Hope this helps.

[Jay B]

Hey Rad,

You just provided me with the same CSS that I said that I could use but I won’t because of the extra padding on a mobile device…

Height isn’t supposed to be bigger for as long as I’ve been using X. See screenshot of result again – that bar shouldn’t be under the bar

Also the CSS you provided forces menu items to lower case and effects the colours of the uber menu toggle.

J

[Paul R]

Hi,

Kindly change the code to this.

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

Hope that helps.

[Jay B]

Hey Paul,

Just to let you know you’re the man! Thank you for your continued support!

Jay

[Paul R]

You’re welcome! 🙂

[Author]

Posts