How can I make the slider look completely on mobile?

[Ivan Perez]

I am using Designexo Pro but the slider does not adapt to the mobile screen. The image is too wide, what css should we modify so that it adapts or, at least, can be aligned differently?

[themearile]

Hi Ivan

Thanks for contacting us. Yes, we are here to help you.

Can you please share your site URL so we can take a look and provide you with a better solution?

Thanks

[Ivan Perez]

http://www.thebackjacket.com

Thanks

[themearile]

Hi Ivan

Please add the below css code in the Additional css box to the responsive slider in the mobile view. Please go to the Appearance => Customize => Additional CSS, paste the CSS here, and click the Publish button.

@media (max-width: 500px){
#theme-main-slider .item {
background-repeat: no-repeat;
height: auto !important;
}
#theme-main-slider .item {
padding-top: 80.56%;
display: block;
height: 0;
}
}

Let us know if it works.

Thanks

[Ivan Perez]

Thank you. It works!

[Author]

Posts