Change Bg color on scroll

[Indirectelex]

Hi,
Wonder how to insert a scroll effect on Bar 1, is there a tutorial to do so? Also, is the JS folder is by default named function.js thanks.

[prakash_s]

Hello Matt,

Thanks for writing to us.

In case if you to make Header bar sticky and on the page scroll and change the background colour of the Header bar. You need to set the sicky then you can use this custom CSS code to change the background colour of the Header bar.

.x-bar-fixed.x-bar-is-visible {
background-color: #000000;
}

Please feel free to change the background colour code as per your design.

In case if you are point about the scroll effect, you need to go to the Bar --> Scroll set it is “ON”.

Please have a look at the tutorial for effect module.

Themeco 101: Effects Module

Thanks