Home>Support>Row background image not responsive

Row background image not responsive

By Chase Anderson, 8 years ago. Last reply by SiteOrigin, 8 years ago.

I’ve been trying to get my background image to scale responsively but it’s giving me fits. I can’t seem to find the place to add

		background-size: contain !important;

Also, is there a easier way to get the height to set other than using the custom CSS plugin? For some reason when adding the custom CSS to the row it’s not altering the CSS on the page.

Thanks in advance!

URL: http://thosepros.com/

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

  1. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Hi Chase

    Perhaps you could reach out to theme support. The problem arises from the following rule in the theme’s style.css file.

    @media screen and (max-width: 1024px) {
	.panel-row-style {
		background-attachment: scroll !important;
		background-position: center top !important;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		background-size: auto !important;
	}
}

    Asking theme support why that’s been added would be a good start. They could advise a work around to assist.

  2. 8 years, 9 months ago Chase Anderson

    That helps, appreciate your fast response. Thanks!

  3. 8 years, 9 months ago SiteOrigin
    Hi, I Work Here

    Our pleasure :)

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