Take Away Little Dots on Default Collection Page MOBILE - Aurora Theme

Store Design
, , , ,

Topic summary

A user needed to remove small dots appearing on collection pages in mobile view when using the Aurora theme.

Solution provided:

  • Add CSS code to the end of the bundle.css file
  • The specific CSS targets .product-card-dots__dot with display: none and visibility: hidden

Outcome:

  • The CSS solution successfully resolved the issue
  • The dots were removed from the mobile collection page view
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
1

Looking to take away these little dots on collection pages mobile. See below photo.

Screenshot 2024-05-01 at 11.33.48 PM.png

Theme link: https://wahrfj6yt0oiq181-75721343252.shopifypreview.com - view collection page on mobile

2

@babystore123 - please add this css to the very end of your bundle.css file and check

.product-card-dots__dot{display: none; visibility:hidden;}
1 Like
3

It worked! Thank you!!!