responsive slides show anomalies on the mobile

[William Liu]

please see this clip
https://youtu.be/58UrwptIJoM
thank you
Slider image size:1200×450
Slider Height value:38

Additional CSS

@media (max-width:800px) {
.camera_wrap{
height:300px!important;
}
.camera_wrap img {
width:100%!important;
height:100%!important;
margin:0!important;
}
#agama_slider h2.slide-title {
font-size: 26px!important;
}
}

@media (max-width:600px) {
.camera_wrap{
height:225px!important;
}
}

@media (max-width:400px) {
.camera_wrap{
height:150px!important;
}
}

• This topic was modified 4 years, 7 months ago by William Liu.
• This topic was modified 4 years, 7 months ago by William Liu.

[Zex]

Hello, William!

This happening due to the CSS code you inserted.

To help you with that, I will need your WP Admin credentials in the private reply.(check the “Set as private reply ” checkbox below the post), or create a temporary Admin account for me.

Thank you.

Regards

[William Liu]

This reply has been marked as private.

[Zex]

Hello William!

I have slightly Modified your code and now the slider works well.

Regards

[William Liu]

Hello Zex,
Thanks for your help!

[Author]

Posts