100% view height

Hi Samjnz,

Have you tried using “Scale to fit 60%” setting and align horizontally to the top or bottom? It shall result in the same.

Let me know if it works for you, if not I can look into some CSS to make this work.

Thanks very much for your quick reply.
I gave that a try but unfortunately it just made the image smaller and moved it to the top of the screen – but still kept all content after it below the fold.
I’ll keep trying to sort it but any further ideas would be great appreciated.

Hi Samjnz,

After some investigation, I have found a CSS solution. Please add the following CSS to Custom CSS box inside Scrollsequence plugin UI. Please note that the CSS will affect all scrollsequences on page. Not tested on multiple sequences.

There are two CSS rules, one for the canvas area where images are painted, other for the area that defines constraints for content animation.

.scrollsequence-pages-wrap{
height:55vh!important;
}
.scrollsequence-page{
height:55vh!important;
}

Let me know if this works for you!

Ales

Hi Ales,

Thanks very much!
It’s not exactly right, but you’ve given me enough to work with. Thanks so much for your help (and an awesome free plugin.)

cheers, Sam

Marking this as resolved.