Is there something wrong with the pictures. Should I change the file type of the pictures. Or did I do something wrong when I uploaded them.
Website: http://ubeducation.org/
Photos showing on my website, but not on mobile devices.
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Sumant
Try the following under Appearance > Custom CSS and see if it helps:
#main { background-repeat: no-repeat; background-position: center center !important; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }Remove background-attachment: fixed; if that doesn’t work for you.
Thanks for the help. But this didn’t resolve the issue.
So, I checked again and it only doesn’t work on android browsers.
I unfortunately can’t test on Android. Is it possible the site is cached on that device? You could try adding !important to each property:
#main { background-repeat: no-repeat !important; background-position: center center !important; background-attachment: fixed !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }Going on what was happening before. It’s not that the background isn’t showing on mobile, the background is just really big so you’re just seeing a bit. You could consider going with something simpler like a background color or even a texture: bg.siteorigin.com.
If you use a texture be sure to remove the Custom CSS we’ve added above.