Header background image jumps on page load

[ethosdesign]

This seems to happen periodically when the theme is updated. I’ve tried to apply the code solution recommended for parallax backgrounds, but it doesn’t seem to have done anything. I’ll link the site(s) this happening on in a secure note.

[prakash_s]

Hello @ethosdesign,

Thanks for writing to us.

I would suggest you go to Header Bar—>Customize —>Element CSS. Now you need to add this custom CSS code.

$el.x-bar.x-bar-top .x-bg-layer-lower-image {
transform: translate3d(0px,0px,0px) !important;
} 

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding you can subscribe to One where customization questions are answered.

I hope it helps.
Thanks