Can I turn the slider navigation arrows off on the mobile…

[Kathy Bellingham]

They are obscuring my text so that it cannot be read.

I cannot seem to position the text on the slider so that it is legible on a mobile device.

thanks
Kathy

[themearile]

Hi Kathy

Thanks for contacting us.

Please share your site URL so we can take a look and give you a good answer.

Thanks

[Kathy Bellingham]

http://Www.polishmysite.com/brig

[themearile]

Hi Kathy

Please add the below CSS code in the Additional CSS box.

h1, .theme-slider-content .title-large {
line-height: 1.5 !important;
}

Let us know if it works.

Thanks

[Kathy Bellingham]

Hi,

I pasted that code in – it spaced the heading out 1.5 lines but the heading text is still under the slider navigation arrows. The content automatically centres halfway down the slide where the arrows are on a mobile phone. Its fine when you turn your phone landscape, but in portrait mode is unreadable.

Ideally I’d like to hide the nav buttons- and just have it on autoplay on the mobile. or have slider navigation dots at the bottom.

thanks
Kathy

[themearile]

Hi

Please add the below CSS code.

@media (max-width: 500px){
.theme-main-slider .owl-carousel .owl-prev, .theme-main-slider .owl-carousel .owl-next{
display:none;
}
}
h1, .theme-slider-content .title-large {
line-height: 1.5 !important;
}

Thanks

• This reply was modified 4 years, 7 months ago by themearile.

[Author]

Posts