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.

Responsive image on pagebuilder row background

Resolved 4 replies pluginplugin-page-builderpremium
pcofer
11 years ago · Last reply by Andrew Misplon 11 years ago

I’ve searched and can’t find the answer. Is there a way to make the background image of a row responsive? Maybe the image is already set to be responsive and the padding is off. It looks normal on a desktop but from a cell phone the row background image doesn’t work well with the circle icons. Please advise. Thanks.

URL: http://wish2enrich.org

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

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 10 months ago

    Hi Paul

    The row style currently has the following attributes relating to background image:

    .panel-row-style {
background-position: center center;
background-repeat: no-repeat;
}

    We could perhaps augment that and place the following under Appearance > Custom CSS:

    .panel-row-style {
background-attachment: fixed;
background-size: cover;
}

    That’s all I can really think of right now to improve that behaviour.

  2. pcofer 11 years, 10 months ago

    After applying this change it looks great on the mobile device but from the desktop browser, it zooms in on the image. Any thoughts?

  3. pcofer 11 years, 10 months ago

    I think the problem has to do with my resolution on the picture. After playing with the image and CSS I was able to get it looking better. Thanks for your help! Here’s what I added…

    .panel-row-style {
    background-attachment: fixed;
    background-size: 115%;
    }

  4. Andrew Misplon Staff 11 years, 10 months ago

    It’s most likely the background-size:cover that was causing that on Desktop – that’s if the image wasn’t as big as the display.

    Glad to hear you found a fix.

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