Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 6, 2015 at 10:45 am #440222
    xfacta

    hi there
    I’m using a color background with a background image but its not responsive on mobile – Its not scaling scale.
    http://marilynwhall.com.au

    Cheers

    May 6, 2015 at 9:23 pm #440659
    Elliott

    Hi xfacta!

    Do you have the background repeat option set to “Stretch to fit”?

    Cheers!
    Elliott

    May 6, 2015 at 11:58 pm #440695
    xfacta

    Hi there

    yes I do. I tried the option of using a fullwidth slider for the image instead but that affected the quality of the image.
    I need the image to go right to the edge of any size screen but also obviously scale on mobile devices.

    Cheers

    May 7, 2015 at 8:43 pm #441216
    Elliott

    Hey!

    Send us a WordPress login and we’ll take a closer look.

    Regards,
    Elliott

    May 7, 2015 at 11:43 pm #441307
    xfacta
    This reply has been marked as private.
    May 8, 2015 at 8:14 pm #441753
    Elliott

    Hey!

    Hmm, well since the image your using is very long I don’t think it’s going to work. You could try this CSS.

    .avia-full-stretch {
  background-size: 100% 100%;
}

    But since your image is so long and your setting a custom height for the color section it’s going to look distorted. If you had the height of the color section set to the screen width then this might work. 

    #av_section_1, #av_section_1 .container { height: 30vw !important; }

    Best regards,
    Elliott

    • This reply was modified 9 years, 6 months ago by Elliott.
    May 9, 2015 at 2:17 am #441824
    xfacta

    The 2nd bit of code worked :)

    thanks so much :-)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Color background not responsive’ is closed to new replies.