Question:
How to prevent background image in reveal section to scale past 100vh?
Product:
Wix Studio Editor
What are you trying to achieve:
I have a section with reveal scroll effect. The section contains multiple rows with a total content height much higher than 100vh. Understandably, the total section height also becomes greater than 100vh.
I wish to set the section’s background image to fill the entire section, while preventing it to scale past 100vh - Because the section is set to “reveal”, anything past 100vh is invisible and pointless. Also it gets ugly when the image is stretched to 500vh thus making only 20% of it visible. In another word, I want the background image to scale with section height, but only up to 100vh, after which it should only try to fill the entire viewport.
What have you already tried:
- Setting the section height to 100vh max - not good because the rows get crushed.
- Custom CSS coding - can’t fix this either because the height is used in one of the
data-tag, and the image itself will be cropped according to that dimension on load.
Additional information:
Not sure if this has an effect on the issue: the cells inside this section are all set to sticky position with an absolute pixel value.