How to make background image in color section responseive?

Hi nimrodmadar,

I’m not really sure what you mean. As a container, it already is responsive as it scales with the site.

If you mean getting the image inside of it as the background to shrink down, I’m not sure that is doable with the way the color section works. You can do fixed which will keep it in place and give a semi parallax effect which is pretty popular however.

Regards,

Devin

I can’t see a way to do it with that layout. It is possible in a static html layout or if you were doing a layout from scratch specifically for it but the only method I’ve read about wouldn’t work in this instance at all.

What you could do, is Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

@media screen and (max-width: 900px){

#top.page-id-60 #av_section_1 {

background-image: none !important;

}

}

Adjust the 900px number to whatever pixel width you want the background image to be removed or replace the background image with a different one so that it didn’t have the same size image.

See: http://www.w3schools.com/cssref/pr_background-image.asp

Regards,

Devin