Images are not resized on mobile devices

I have an issue with my background images on the Call to Action and Social widget, they are not re-sized when viewed on mobile devices, the same goes when I have a background image on a row they are also not re-sized to look good on a iPad or iPhone.

The nice feature where the background image is locked when scrolling is also not working on mobile devices.

Could you please advice?

lonerosenkilde.dk

Many thanks
Lone

Sorry wrong link, www.lonerosenkilde.dk

Dear Lone,

In order to accomplish that objective, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (max-width: 1024px){
   
  .action-area,
  .social-area{
    background-size: cover !important;
    background-attachment: fixed !important;
  }
  
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis

Kharis,

Same issue here. but with Sydney Theme.
Tried your code, but doesn’t work. Cleaned cache tried, still not working.

My site is superaircleanser.com

Thanks

Thanks Kharis,

Sorry, it isn’t working. Looks like it has the opposite effect?

Best regards
Lone

Hello there,

There is a limitation on mobile device. Please refer here.

Regards,
Kharis