Header Builder Parallax Background

Support
#1

Hello,

I am building a header with a image in the top bar and a menu in the second bar. I have inserted an image as the background in the top bar. I want it to be parallax scrolling. I am not able to see how to do that.

Thanks!

#2

Hi There,

Try adding fixed-bar on the bar class field where you have added the image as background. For the parallax, we need it to be fixed in position. We need the height because the bar will not have default height/space if there’s no content and just a background image.

  min-height:500px;
}
.x-bar-top.fixed-bar .x-bg-layer {
    background-attachment: fixed;
 }```
See this guide too: https://www.w3schools.com/howto/howto_css_parallax.asp
Hope this helps.