Last item in CMS gallery shrinks


Hi,

Pretty new to this, so there’s probably something I’m doing wrong.

I’m trying to create an horizontal slider gallery using CMS and lightbox. Right now, the firstt item on my gallery shrinks and I don’t understand why. Can anyone take a look?

Thank you!

Here is my public share link:LINK
(how to access public share link)

Hi there,

For gallery items that are shrinking, there are two common solutions depending on your setup:

For slider components:

  • Navigate to the slide settings in the Style panel
  • Set specific width percentages for different breakpoints (e.g., 33.33% for desktop, 100% for mobile)
  • Adjust or hide navigation elements through the slider settings if needed

For horizontal scrolling galleries:

  • Select the gallery item in the Navigator
  • Open the Style panel
  • Under Flex Child settings, set the Sizing to “Don’t shrink or grow”
  • This will maintain the item’s original dimensions

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

Set each CMS item to flex: 0 0 auto so it won’t shrink inside the horizontal scroll. Had this on a client slider where the first card collapsed until I locked its flex sizing.

@yyaelbensi Please don’t forget how to share your published URL so we can inspect the site running in a browser, not just the designer. That allows for quick and easy debugging.