Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2015 at 6:29 pm #510347
    roheryn

    have a background in a color section that has a graphic on the left, and I’ve added text on the cleaner right side. (matching a brochure) It looks great on desktop and iPad, but on phone, the text overlays the graphic on the left, making the text hard to read. Is there a way to get the graphic either to scale or be replaced by a color at a certain size?

    http://www.linkagebio.com/sabr-landing-page/

    September 28, 2015 at 7:04 pm #510360
    Dake

    Hey Paula!

    Please insert the below css into your custom css section:

    @media only screen and (max-width : 320px) {
#av_section_1{
	background-color: #38C4F2 !important;
	background-image: none !important;
}
}

    I recommend using a page-id so the above css only affects the landing page.

    Best regards,
    Dake

    September 28, 2015 at 9:07 pm #510402
    roheryn

    Thanks so much, that is just perfect (and the timing too… this page is going live today in 4 hours!!)

    September 28, 2015 at 9:10 pm #510404
    Dake

    Hi!

    That’s good to know :)

    You’re welcome, glad I could help.

    Please let us know if you ever need any help in the future.

    Cheers!
    Dake

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘background in color section doesn't scale in mobile (phone) view’ is closed to new replies.