[ROCKED THEME] BUG Header Transition


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:




Can you please provide a link to your website?

Kind Regards, Roman.


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

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


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.


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



You are welcome! :slight_smile:

Kind Regards, Roman.

closed #7