Images are not resized on mobile devices


#1

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


#2

Sorry wrong link, www.lonerosenkilde.dk


#3

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


#4

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


#5

Thanks Kharis,

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

Best regards
Lone


#6

Hello there,

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

Regards,
Kharis