unexpected behavior: background display scrolling on mobile browsers

  • Resolved scottclose

    (@scottclose)


    9 years, 8 months ago

    Customizing this theme’s options such that section backgrounds are set to be fixed (ie. not scroll with the content) breaks on mobile browsers… (the backgrounds scroll). Several solutions for this are somewhat documented throughout the web, but something with this theme prevents the solutions from working.

    How do you suggest we users of this great theme get the background images to be fixed in mobile browsers?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter scottclose

    (@scottclose)

    OK, so I’m answering my own question again… but I think is is SUPER USEFUL for anyone who is designing cross-device, and likely for those with other themes too. (Solution follows from a number of sources, including this one)

    1.) Remove backgrounds from all of your sections and theme options, also make sure there is no background color. This may/not be necessary if you stuff background:none in css, but I did it anyway to solve this problem.

    2.) Add the following to a custom css file:

    /**
  *Grants fixed background image for desktop and mobile
  */

html,body{height:100%;}

html {
  background: url(yourimg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  background: none
}

.landing{height:100%;}

    i need some help. I am having problems withthis theme working on my mobile devices. I can not get any help form the theme designers. I do not know how to work in CSS. Is there some one who can help me. please contact me .

    i need some help. I am having problems withthis theme working on my mobile devices. I can not get any help form the theme designers. I do not know how to work in CSS. Is there some one who can help me. please contact me . my site is https://www.iampit3hblakk.com look at it on phone and laptop or pc. works fine on Pc but not on mobiles

    i need some help. I am having problems withthis theme working on my mobile devices. I can not get any help form the theme designers. I do not know how to work in CSS. Is there some one who can help me. please contact me . my site is https://www.iampit3hblakk.com look at it on phone and laptop or pc. works fine on Pc but not on mobiles

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘unexpected behavior: background display scrolling on mobile browsers’ is closed to new replies.