Home>Support>The page gets cut off

The page gets cut off

By ask, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

Hi,

Home

On all the 3 pages the image gets cut off.
Home page
SiteOrigin hero

Resources and Events
SiteOrigin Layout Slider

Will truly appreciate your help in fixing it.

Regards

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi, thanks for reaching out.

    The reason for this is that the Hero uses background image size cover.

    cover tells the browser to make sure the image always covers the entire container, even if it has to stretch the image or cut a little bit off one of the edges. contain, on the other hand, says to always show the whole image, even if that leaves a little space to the sides or bottom.

    https://css-tricks.com/almanac/properties/b/background-size/

    The reason cover is used is if we instead used background image size 100% or contain, the container height would have to resize as the image resizes, meaning the contents of the Hero would also have to resize. Fundamentally, that’s a different widget to what the Hero is/does.

    If you’d like the background image to resize 100% to the screen, you could perhaps try using Smart Slider 3.

  2. 5 years, 1 month ago ask

    Hi Andrew,

    Thank you for the quick reply. I tried Smart Slider 3 and it works well.
    Thank you again.

  3. 5 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super, really glad to hear you’ve made progress.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More