Hello,

Add this code into your custom css box:

@media (max-width: 979px){
.codeless_slider .swiper-slide{
    background-attachment: initial !important;
    background-position: 50% 50% !important;
}}

Did you made any changes recently? From what browser are you accessing it? Please add the slider you are having issues with in a normal page and send us the link. So we can give it a closer look.

Best regards!

Hello,

Please see here the result after applying the above code, screenshot. Did you add the custom code into your custom css box?
Send us your wp credentials in a private reply. So we can give it a closer look.

Best regards!

Hello,

I edited the current css code into your custom css box. This is the view in ipad, and this in iphone. Please check your site and let us know.

Best regards!

Hello,

Can you please be more specific? In which device is not ok? Ipad or iphone? Can you send us a screenshot of the view you want to have? So it is more clear for us what edits to make to it.
Let us know.

Best regards!

Hello,

I added this block of css into your custom css box:

@media (max-width: 1024px){
.codeless_slider .swiper-slide{
    background-attachment: initial !important;
    background-position: 50% 50% !important;
}
.swiper-slide.swiper-slide-visible.swiper-slide-active {
    background-size: contain;
     height: 517px !important;
}
.codeless-slider-container { height: 517px !important;}
.slider#slider-fullwidth { height: 517px !important;}
}

This is the result, screenshot. Can you please check your site? Let us know.

Best regards!

Hello,

I can’t test this in the actual device, but i have tested it in online screen resolution generators and i don’t see the issue.
Can you please send us the dimensions of it and a screenshot, so i can get a better view of what’s to fix.

Best regards!