Masthead cut off RevSlider

Support
#1

Hi there, If you go to my homepage (see secure link), when the page first loads the slider is below the masthead, but as soon as you scroll at all, even if you scroll back up to the top you the mast head will now be ‘ontop’ of the slider, effectively cutting off the top portion. How can this be prevented please?

#2

Hi there,

You will need to go to X > Launch > Options > Header and make the header be static and not sticky:

Now you will have the slider above the header with no issues.

Thank you.

#3

Yeah but I don’t want a static header, that is not a very good solution… could you please help further?

#4

I have noticed if I add a masthead thickness to it , it will solve the issue on desktop - however it creates a new one on mobile where there will be two mastheads displayed… If you can provide a way to only show the masthead on desktop, that should solve the issue. Otherwise can I please have another solution?

#5

Hi there,

Please try this code in the custom JS:

jQuery(function($){

	$(window).scroll(function(){

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

	});

});
#6

unfortunately that has no effect

#7

Hi there,

Please provide the admin details of your site in a Secure note so that we can check.

Thank you.

#8

Of course, please see note

#9

Hi there,

I tried adding the same code in the custom JS and it seems to work.

Kindly double check.

#10

Indeed, perhaps I did not add the code correctly somehow. One last thing… it doesn’t scroll smoothly, it rather jumps the space of the nav bar, do you have a solution for this?

#11

If there is some way to remove the masthead under a certain breakpoint I can implement another solution to this issue

#12

Hi There,

You can hide the masthead under a certain breakpoint using the custom CSS below.

@media (max-width: 767px) {
	/*hide the masthead under $$px*/ 
	header.masthead-inline {
		display: none;
	}
}

Replace the 767px on what screen size/breakpoint you want the masthead to be hidden.

Thanks,

#13

amazing, thanks!

#14

You’re welcome.

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.