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.

Stretch footer background image on smaller devices

8 years ago · Last reply by Margaret Broadley 8 years ago

Hi,

On the home page I am using the same image for the background footer as for the meta slider. The meta slider image is fully responsive on smaller devices but the footer background image is cropped to fit the screen. (as on http://nanatechbeta.co.uk )

Is there any way to resolve this? Thank you.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 8 years, 8 months ago

    Hi Margaret,

    Unfortunately, this cannot be resolved. The Meta Slider contains an HTML based image while the footer background is applied as a CSS background. CSS Backgrounds are less responsive due to the technical requirements. Specifically, CSS backgrounds are forced to maintain the height of the container (being the footer) and to ensure the browser will go so far as to clip the sides of the image off.

    Sorry mate. :(

  2. Margaret Broadley 8 years, 8 months ago

    Thank you for your response Alex. My client likes the footer background image, so will just have to accept that it’s going to have different proportions to the Meta Slider.

    Margaret

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