This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

3
  1. Andrew Misplon Staff 6 years, 6 months ago

    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. ask 6 years, 6 months ago

    Hi Andrew,

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

  3. Andrew Misplon Staff 6 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread