Responsive Images not working

Hi Photoart-Huebner,

We apologize for the delayed response.
You are correct in saying that responsive images are for delivering big images on big screens and smaller images for smaller screens however we are conforming to WordPress standards as defined in https://developer.wordpress.org/apis/handbook/responsive-images/
Unfortunately, this could not be implemented in background images however you can use CSS as a workaround for this, though it is done manually.
So in your Color Section with an ID of pricing, you can change the background image in mobile by adding this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  #pricing .av-parallax-inner {
    background-image: url('THE_IMAGE_URL') !important;
  }
}

Just replace THE_IMAGE_URL with the actual background image url.
On other sections, you just need to use the same pattern and just replace #pricing with the correct ID.
Hope this helps.

Best regards,
Nikko

Hi Photoart-Huebner,

You’re welcome :)
Just let us know your feedback once you’ve tried it :)

Best regards,
Nikko