Check your container settings:
• Ensure the parent container has enough width to accommodate all items
• Verify that “Allow vertical scrolling when content overflows” isn’t causing layout issues
Adjust the horizontal list properties:
• Increase the gap spacing between items if they’re too tightly packed
• Consider reducing the number of visible items or their individual widths
Alternative solutions:
• Use “Wrapped horizontally” layout instead, which wraps items to new rows rather than creating a scrollbar
• Implement navigation arrows (which I can see you already have) and hide overflow content through CSS
Important note: Scrollbars can sometimes cause elements to appear slightly different than designed because Bubble relies on the browser and operating system to determine scrollbar appearance.
The most effective approach is usually adjusting your container width or item spacing to prevent overflow in the first place.
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.