How to make the section width fit to the screen? The grid is showing as cropped in the section.

Topic summary

A user’s landing page displays a ReelUp app carousel that is cropped, cutting off the 5th video reel. The carousel doesn’t span the full screen width despite being a purchased widget.

Solution Provided:

  • Add custom CSS code to the theme.liquid file (above the </body> tag)
  • The code targets the ReelUp container and sets max-width: 100% to fit the screen
  • This fix successfully displays all five video reels without cropping

Follow-up Question:
The user now wants to increase the overall carousel size to match a reference site (kreayon.com). Width adjustments made in the app editor aren’t applying, suggesting additional CSS customization may be needed.

Status: Initial cropping issue resolved; carousel sizing question remains open.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Thank you @Moeed for giving me solution so quickly! I have another question… Is it possible to make the whole carousel bigger? I set the width from the app editor, but it doesn’t seem like applying. I’d like to have a same size as https://kreayon.com/