Custom background with Mobile

  • Posted in : impressivCard WP
  • mfrazier35
    Participant
    8 January 2013 at 21:12
    #2926

    Hello. I have a custom image background. Is there a way to keep it “fixed” for the mobile site? If I scroll down currently the picture scrolls out of frame and I end up with white text on a plain white background.

    ahmetsali
    Keymaster
    8 January 2013 at 21:27
    #2928

    Hi, check out this post;

    http://www.pixelwars.org/forums/topic/no-background-scroll-on-mobile-devices/

    ahmetsali
    Keymaster
    10 January 2013 at 20:12
    #2965

    Hi, it looks like css background-attachment: fixed property is not supported on some mobile devices. You can use this custom css code, that should work. 

    body:before { background: url('images/bckg/office.jpg'); content: ""; position:fixed; z-index:-1; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background-size:cover; background-attachment:fixed; background-repeat: no-repeat; }
    mfrazier35
    Participant
    10 January 2013 at 23:07
    #2969

    That still doesn’t work on my DROID Razr MAXX. Looks good on the iPhone though.

    ahmetsali
    Keymaster
    11 January 2013 at 00:01
    #2972

    What is the android version of your DROID Razr MAXX ?

    mfrazier35
    Participant
    11 January 2013 at 00:02
    #2973

    4.0.4

    ahmetsali
    Keymaster
    11 January 2013 at 00:19
    #2974

    I checked on android 4.0 and 4.1, and it was fine. I guess some mobile browsers are not good with fixed elements.

    mfrazier35
    Participant
    11 January 2013 at 06:19
    #2975

    Hmm.. It’s fine on Firefox mobile, just not the default Android browser. I tried to override the plain white background to something darker in the CSS, but couldn’t figure it out. Is it possible to change the white color behind the custom jpg to another color?

    ahmetsali
    Keymaster
    11 January 2013 at 13:54
    #2977

    Do you want to have dark background color for body, then you can use one of predefined colors in css/skins/background/ folder, or you can give any color to body background like this;

    body { background:  #ddd; }
    mfrazier35
    Participant
    11 January 2013 at 17:45
    #2987

    Awesome. Thanks! I was trying to do it in the Custom CSS.

    PS- Loving the theme and the quickness of the support. I feel like I got a good deal. I’ll be sure to leave 5 stars on Themeforest for you guys!

    ahmetsali
    Keymaster
    11 January 2013 at 17:48
    #2989

    Thanks for the rating.

    labnoon
    Participant
    17 February 2014 at 12:40
    #12396

    same situation here. used the codes you mentioned in both topics. but it looks bad on iphone4

    ahmetsali
    Keymaster
    18 February 2014 at 13:15
    #12427

    @labnoon

    if you can provide your url, i can check what’s wrong.

Viewing 13 posts - 1 through 13 (of 13 total)

The forum ‘impressivCard WP’ is closed to new topics and replies.