Home>Support>Photos showing on my website, but not on mobile devices.

Photos showing on my website, but not on mobile devices.

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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/

URL: http://ubeducation.org/

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

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    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.

  2. 10 years, 9 months ago Sumant Chahil

    Thanks for the help. But this didn’t resolve the issue.

  3. 10 years, 9 months ago Sumant Chahil

    So, I checked again and it only doesn’t work on android browsers.

  4. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    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.

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