Background Pics Don't Resize On Mobile

  • kilbourncm

    (@kilbourncm)


    9 years ago

    Hi Guys, I’m running into a problem on mobile with the Sydney theme: The background images don’t resize on the mobile site.

    My site is at https://www.thegiftofcoal.com. If you turn a phone sideways, you can see what it’s supposed to look like. If you put it in portrait, though, it zooms instead of fits.

    Does anyone know how to fix this?

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    I noticed that your image has left and right blank spaces. It shouldn’t have those blank spaces.

    Thread Starter kilbourncm

    (@kilbourncm)

    You think that’s what’s doing it? I did that on purpose to center the image — the theme was just expanding it to fill the entire screen and cropping a bunch out. I couldn’t figure out how to circumvent that.

    Maybe try adding the following CSS code is what you are looking for. 

    .slides-container .slide-item{
  background-size: unset !important;
}

    You can add the code above by using the Simpe Custom CSS plugin.

    Thread Starter kilbourncm

    (@kilbourncm)

    Hmm, is that to solve the mobile problem or to prevent the background pics from being cropped to fit on the original site?

    It should. Just give it a try. Let me know how it goes.

    Thread Starter kilbourncm

    (@kilbourncm)

    Actually, that did a great job of centering the image. I uploaded two replacements with no borders. So thanks!

    Unfortunately, it still doesn’t work on mobile :/

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Background Pics Don't Resize On Mobile’ is closed to new replies.

Tags