Flickity slider product__thumb-item positioning

Topic summary

A Shopify Plus store is experiencing a layout issue with Flickity slider thumbnail positioning on product pages.

After recent development work to enable image changes when different color combinations are selected, the thumbnails are displaying incorrectly—spread out due to positioning problems rather than appearing properly aligned.

The user is seeking a CSS fix for this thumbnail display issue. Another community member has requested the product section code to help diagnose the problem.

Status: The issue remains unresolved and awaiting further technical details to troubleshoot.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

Hi All, I’m hoping a simple css fix but on my product pages we’ve had some development done where when a different colour combination is selected the images change. This is sort of working however they are unable to get the thumb nails to display correctly. They are spread out due to positioning?

https://ickle-bubba-uk.myshopify.com/collections/discovery-stroller/products/discovery-stroller

Please can someone advise?

@alice_parr can you provide the code of you product section?