Sliders get cut off on mobile version

Hi..

Please go to Admin Dashboard >> Appearance >> Theme Options >> Theme General Settings.

Now copy below CSS code into Custom Css Editor.

@media (max-width:480px){
.carousel-text h1{
font-size:12px !important;
}
}

Save the changes.

Thanks.

That didn’t work. Did you check the site on a mobile device to see what I am talking about?

Hi,

Your site is in maintenance mode.

Please make your site accessible.

Thanks.

Sorry about that. Site is accessible now. Please check. Thanks.

Hi,

The solution Provided Above is working.

Please add given CSS in Custom CSS editor.

Thanks.

OK, Yes that did work, but the text in the RED slider is much larger than the text in the Blue sliders. Is there a way to correct this?

Thanks!

Hi..

Please add this css code into Custom CSS Editor.

@media (max-width:480px){
.carousel-list li {
   font-size: 12px !important;
}
}

Save the changes.

Thanks.

I just added and it didn’t work. Please check MOBILE version to see what I am referring to. Thanks.

Hi..

Please copy this code and paste into your Custom CSS Editor.

@media (max-width:480px){
.carousel-list li {
   font-size: 12px !important;
}
}

here 12px is replaced by your desired font-size.
save the changes.

Thanks.

Nope. I changed the 12px to 4px and there is still no change. Please advise.

It is currently 4px now.

Hi..

Please add above css code into custom css editor. This code is not showing in css file.

Thanks.

It is added in the “Theme Options” area, but there is no change. Please advise. Thanks.

Hi,

Code is working fine.

Please check it again.

Thanks.

Thanks.

Most Welcome.

Thanks.