Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 15, 2016 at 3:53 am #648340
    awdburn1

    Hi Enfold Team,

    Great work and I love the theme.

    I was wondering how to automatically change the Color Section Background image when the browser/display device shrinks to a mobile or tablet size. For example: http://www.salesforce.com has a background image for it’s main section. That image changes when you reduce the browser window to a mobile or tablet size.

    As you can see from my website, when I shrink my website to a mobile size I lose a good amount of content from the background image.

    Thanks!

    • This topic was modified 8 years, 6 months ago by awdburn1.
    June 16, 2016 at 5:29 am #648996
    Rikard

    Hi awdburn1,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.home #av_section_1 .avia-full-stretch {
background-image: url(https://www.luopan.cn/wp-content/uploads/2014/11/lpbackground3_1.jpg) !important;
}
}

    Replace the URL of the current image with the image you want to show instead

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.