My header jumps while scrolling

Hey there my header keeps on jumping when I scroll down at my site. This happens mobile and desktop.

Id like to avoid set the position to absolute since i don’t want the header to cover to much from the slider. But beside that absolute position didn’t fixed the problem for me.

Thats the Site: https://b-o-automobile.de/

Hello Maximilian,

Thanks for writing in!

Please use auto as the height of your bar.

And then please remove this custom css because it is causing issues your site:

.x-container.max {
    padding: 10px;
}

We would love to know if this has worked for you. Thank you.

Worked like a charm thx :slight_smile: But after removing my costum css the blog posts on mobile have no space between the the left side and the text. That looks not that great.

Edit:
I added some more custom css That solved my problem. I hope that didn’t screw up my site again =D

@media only screen and (max-width: 767px){
.entry-content {
padding: 10px;
}
}

Hi Maximilian,

Yup, that media query CSS should do the trick on mobile.

Cheers!

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