How can my sequence stay at fullscreen in every device?

  • Resolved ombligodeluna

    (@ombligodeluna)


    2 years, 3 months ago

    Hi everyone! First of all what an amazing plugin, so cinematic, perfect for telling stories.
    So the thing is, I want to make my sequence fullscreen in desktop, tablet and mobile, just like your main webpage with the rocket animation, it crops and adapts to every device. I wasn’t really going to make a desktop version of my page but seeing how it adapts it looks really cool, I was wondering what are the requirements to make it like that. My image sequence is 1920×1080 but my monitor 2K, if I use the option of “Fit to fill” the image crops the sides after reaching the max height of the screen, if I use “Fit to 100%” the image shows in full size in the middle of the page, but it doesn’t scales up to fit the whole screen. Can you guys help me with this? Is it the resolution or maybe I have to put some extra code in the CSS section? I’ll have many sequences in that page and I want them all to be fullscreen.

    Thank you in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Jamie

    (@jamie00)

    Hi @ombligodeluna

    Thanks for using Scrollsequence, I’m happy to help you out with this.

    Your image sequence size is actually the ideal size, and the things you mentioned on how the sequence will behave when you use?Scale to fit or Fill are the expected behaviors.

    See explanations below:

    Scale to Fill?– This is the default setting. The replaced content is sized to maintain its aspect ratio while filling the element’s entire content box. The object will be clipped to fit.

    Scale to Fit?– The replaced content is scaled to maintain its aspect ratio while fitting within the element’s content box.

    If you want your animation to look like the one we have in our website, it’s best to use?Scale to Fill for both desktop and mobile.?See:?https://share.getcloudapp.com/YEuWlbAJ

    I hope this helps. Let us know if you have any questions.

    Kind regards,
    Jamie`

    Plugin Author Scrollsequence

    (@scrollsequence)

    Closing as resolved

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How can my sequence stay at fullscreen in every device?’ is closed to new replies.