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.

Replies

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

    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. Sumant Chahil 11 years, 4 months ago

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

  3. Sumant Chahil 11 years, 4 months ago

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

  4. Andrew Misplon Staff 11 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread