100% view height

  • Resolved samjnz

    (@samjnz)


    4 years ago

    Hi there,

    Apologies if this is a silly questions, but does the space Scrollsequence uses always have to be 100VH?

    We’re trying to use it in a page banner (using Elementor, it is in a Shortcode block) but it is taking the whole screen, when ideally we’d only have it about 60VH.

    Thanks in advance,
    Sam

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Scrollsequence

    (@scrollsequence)

    4 years ago

    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.

    Thread Starter samjnz

    (@samjnz)

    4 years ago

    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.

    Plugin Author Scrollsequence

    (@scrollsequence)

    4 years ago

    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

    Thread Starter samjnz

    (@samjnz)

    3 years, 12 months ago

    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

    Plugin Author Scrollsequence

    (@scrollsequence)

    3 years, 12 months ago

    Marking this as resolved.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘100% view height’ is closed to new replies.