Photos not responsive on mobile

Support
#1

Hello! I am really hoping that someone can help me. I’ve been working all day to fix this and can’t find the solution. on some mobile/tablet devices the images are not responsive. Everything is working perfectly on desktop
www.balancedbirthsupport.com

#2

Hi there,

Please try this code in the custom CSS:

.home #x-section-1 {
    background-size: auto !important;
}

Hope this helps.

#3

nope, that didn’t fix it :confused:

#4

Hi There,

Please clear your browser cache and test your site again. It should display as follows.

Thanks!

#5

nope, but thank you for trying. Apparently it is working on some phones and not on others…

#6

now no picture is showing up at all. :confused:

#7

Hi there,

First of all, please consider that you used the background image and you will need to know few point about the backgrounds:

http://css-plus.com/2012/01/bulletproof-full-page-background-images/

Now the problem you are experiencing is the fact that the position Fixed backgrounds do not work well in IOS:

So the solution will be to have none fixed version for your image on mobile devices. SO I suggest that you remove the code suggested before and add this code instead:


@media (max-width: 767px) {
    .home #x-section-1 {
        background-attachment: scroll;
    }
}

That should do the trick. Unfortunately, there is no way to have a fixed background with the cover size for IOS.

Thank you for your understanding.

#8

ok, i’ll try that. it’s confusing though because i’ve had this website for over a year and have never had an issue with how it displayed on mobile…

#9

Let us know how it goes.

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.