Header Background Parallax Options

06/08/2020

There is a single, and simple, option for setting parallax scrolling on the header background image. This causes the header background image to be fixed, and so it doesn’t move with the header when you scroll.

This is found under Avada > Options > Header > Header Background Image, and the parallax option will show when an image is selected as the header background. Set Parallax Background Image to On to use a parallax scrolling effect on the background image. There is also an option for 100% Background Image, to have the header background image display at 100% in width and height according to the window size, and another option to control any repeating of the background image.

This setting only works for the top header position. For top headers, the image displays on top of the header background color and will only display if the Header Background Color is fully opaque (i.e. it is a hexadecimal value, as opposed to an rgba value with transparency – eg. rgba(255,255,255,0.75)).

IMPORTANT NOTE: This option will not work when the Sticky Header option is enabled.
Header Background Parallax Option