farbsection responsive

Hi flippingrocks!

Thank you for using Enfold.

Looks like you’re using the full width easy slider now instead of the color section and it is much better. The reason why the color section cuts off parts of the images is because the background size property is set to cover. Full description of the “cover” value here: http://www.w3schools.com/cssref/css3_pr_background-size.asp

Regards,
Ismael

Hi!

Yes, this is possible. Add a unique id in the Section ID field of the color section, use “custom-section” for example then add something like this in the Quick CSS field:

@media only screen and (max-width: 767px) {
#custom-section {
    background-image: url(https://yousite.com/imageformobile.jpg) !important;
}
}

You can play around with the background size, position etc. A variation of css is needed if you set the background attachment to parallax.

Best regards,
Ismael