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!
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