[Resolved] Issues with Slider in fixed position

Hi @nlrstudios! We’ve seen this issue with the slider a few times.
It is related to poor browser support for “background fixed” images.

We should create a tutorial for this effect, but the workaround basically goes like this:

  1. Remove the “fixed” setting from your background images.
  2. Style the slider Mask to “Position: Fixed”
  3. Any content below the slider would need to be “Position: Absolute” with a “Top” value set to the desired height of the slider.
  4. Lastly, you may need to set a higher z-index to your content above the slider.

Hopefully that makes sense!
-Dan

3 Likes