Hello, I used reelUp app in my landing page. But it is not wide enough that the 5th reel is cropped on the page. How can I show all five videos showing as the first image? (It was made of purchased widget) here’s my site: https://www.poshpush.me/
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.liquidfile (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.
1 Like
Hey @poshpush
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
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/
