Docs

[jayojea]

Hey guys,

Just want to preface this post with the mention that I tried all other solutions I found here before writing.

I’m looking to get my top bar to stick to the top of the page with the rest of the header when the user scrolls beyond the Revolution Slider. All other attempts have been unsuccessful so far.

MY site is here: http://knowrayjones.com/

Thanks in advance!

[Darshana]

Hi there,

Thanks for writing in! Please refer to the following thread (https://community.theme.co/forums/topic/fixed-topbar-3/).

Hope that helps.

[jayojea]

Hi,

I’ve already previously tried that block of javascript (it’s actually still in the custom JS section). I don’t have the custom CSS that person has so there’s nothing to remove in order to make the script work properly. Like I said, I tried all the previously mentioned solutions.

[Rupok]

Hi there,

Thanks for writing back. It seems you already added the script on your Customizer. Let’s keep this and add the below CSS under Custom > CSS in the Customizer.

.x-topbar.x-topbar-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.x-navbar.x-navbar-fixed-top {
  top: 36px;
}

Hope this helps.

Cheers!

[Author]

Posts