[ROCKED THEME] BUG Header Transition


#1

Hi, I’ve an issue with the Rocked Theme… :sweat_smile:
In fact, when I’m scrolling the page, there’s a strange transition which appears.

I think the problem comes from here:

#header.downscrolled {
	position: fixed;
	width: 100%;
	z-index: 9999;
opacity: 0;
top: -100px;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

Is there someone who can solve this issue ? Did the issue has already been solved ?
Thanks :slight_smile:

kernoeb


#2

Hello,

Can you please provide a link to your website?

Kind Regards, Roman.


#3

I can’t give you my website here, it’s for a school project.
However, the bug exists also in the demo page:
https://demo.athemes.com/themes/?theme=Rocked
If you scroll down the page, the site goes down “faster”.
Try it, it’s strange…

(sorry for my bad english, I’m French)
kernoeb


#4

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

header#header.header {
	position: fixed;
	top: 0;
	z-index: 9999;
	opacity: 1;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.


#5

Thanks ! :slight_smile:
Thank you for responding so quickly!

kernoeb


#6

You are welcome! :slight_smile:

Kind Regards, Roman.


closed #7