When I scroll down the page then back up to the top, the page content starts further up the page than it did to begin with!

[core365]

Hi, I’ve got a transparent navbar at the top of every page on my site, but for all pages apart from the Home page, the content starts under the navbar so it’s not going behind it to begin with. When I scroll down the page then back up to the top, the page content starts further up the page than it did to begin with - it’s behind the navbar, whereas it started underneath it! I have no idea how to fix this with CSS, please help!

I’ll put the URL in a secure note as I’ll give you the By Pass password too as I’ve got a construction page up.

Thanks!

[Prasant]

Hello @core365,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS and let us know how it goes:

.x-main.full {
    height: 250px;
}

Thanks.

[core365]

Hi, when I put the CSS in, the header stayed exactly the same but removed the page content below it! It’s as though it set the page height to 250px.

Cheers

[paul.r]

Hi,

Please remove the css code then add this in X > Theme Options > JS

jQuery(function($){

	$(window).scroll(function(){

		if( $(this).scrollTop() == 0 ) {
			$('.x-navbar').removeClass('x-navbar-fixed-top');
		}

	});

});

Hope this helps

[core365]

Perfect! Thank you so much for sorting it!

Thanks!

[thai]

You’re welcome.