Slide description and button on mobile site

[Kaz]

Both the Slide Description and the Slide Button appear on the desktop web page only but do not appear on the mobile site. How do I get them to appear on the mobile site too?

My site is: http://i-smartsignaller.com/home/

[Sonal S Sinha]

Hi Kaz,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px){
.nivo-caption{top:0 !important; padding:10px 0 !important;}
.title{font-size:13px !important; left:1.5% !important;}
.slidedesc, .slidebtn{display:table !important;}
.slidedesc{font-size:11px !important; left:1.5%; padding:3px; }
.slidebtn{font-size:12px !important; left:1.5%;}	
}

Regards,
Brad

[Kaz]

Thank you, Brad. That works.

Would you know how I can remove the black dot at the bottom centre of the slider image? I only have 1 image and so, I don’t need the dot to be visible.

Thanks.

[Sonal S Sinha]

Hi Kaz,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

.nivo-controlNav{display:none;}

Regards,
Brad

[Kaz]

Thanks a bunch, Brad. It works.

[Sonal S Sinha]

🙂

[Author]

Posts