Hi, when setting the background-size cover, the image tries always to fill the device screen size. So if the device is small it should extra zoom to fit in the new image rate.

you can fix it by adding a new bg image only for responsive. Try this:

Add a CSS class to that section. Than open custom CSS code and add this code:

@media (max-width:991px){
   .css_class .bg-layer{
        background-image:url('https://link to you image.jpg') !important;
   }
}

Make sure that the new image has a vertical aspect ratio, this should fix your issue.

or you can try this code:

@media (max-width:991px){
   .css_class .bg-layer{
        background-size:100% !important;
   }
}

but it should not fit totally the background in height.

Let me know
Thanks

Can you please let me know, which image you are trying to fix on mobile?

Thanks

Hello,

I think that you have to add this custom css into the CSS above and add this custom line of css:

@media (max-width:991px){
.hintergrund .bg-layer{
background-image: url(‘https://www.hey-sis.at/wp-content/uploads/2020/04/mobile.png’) !important;
background-attachment: fixed !important;
background-size:center center !important;
}
}

I have added background-size:center center !important;

Regards!

Hello,

Please share with me your wp credentials, so I can make some tests until finding the real solution to this problem.

You can make also the last try to change :

background-size: contain !important;

Let me know.

Regards!

Hi, please check now, it works

Thanks