Removing Tap Targets on the Slides

Andrina theme puts up small dots on the lower left of the slides that allows the user to click to the next slide. (see attached photo). Is there a way for me to not have the dots appear?

Thanks,

Laura
www.kineticinquiry.com

 

Hi Laura!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

ul.pagination {
  display: none;
}

Thanks,
Praveen

 

That works when I add it to the styles.css file. However, it does not work when I add it to the Theme Options->Styling Options. I would rather not have to update the style.css file directly. I tried adding !important but that didn't help.

What I really want to do is have the pagination display on the desktop but not on the phone. How would I do that?

Thanks,

Laura

 

Hello Laura!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
div#slides ul.pagination {
  display: none !important;
}
}
@media only screen and (max-width: 960px) and (min-width: 767px){
div#slides ul.pagination {
  display: none !important;
}
}

Thanks,
Praveen