Ninja Slider / Posts /

How to make the navigation pagers larger in mobile devices

The navigation pagers (bullets) is OK for desktops,  but looks small and can hardly be clicked in mobile devices. How to make them larger?
Sandeep  10 years ago   viewed: 9070    

4 Answers


Just add the following styles into the ninja-slider.css:

@media only screen and (max-width: 533px) { #ninja-slider-pager a { width: 20px; height: 20px; border-radius:20px; margin:2px 9px; /*determines the distance between pagers*/ } }
Milo   10 years ago

Glad that this is still working.

Creative Resurfacing Solutions Punta Mita Villa Rentals

  3 years ago

I do agree that this is working. I just tried it. roofing harrisburg pa

  3 years ago

This article provides a simple yet effective solution for making navigation pagers larger on mobile devices, demonstrating an easy way to improve user experience in web design.

  2 months ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: