Relume Community Icon

Home

Announcements
Figma Support
General
Showcase
Webflow Support

Powered by Tightknit

Fixing Image Display for Vertical Stacking on Mobile Breakpoint | Relume Community

Fixing Image Display for Vertical Stacking on Mobile Breakpoint

·

·

looking to stack vertically in mobile breakpoint, but the image gets cut off. i tried playing around with width and height, but didn't have any luck. Thanks in advance! https://preview.webflow.com/preview/delineate-site?utm_medium=preview_link&utm_source=[…]&pageId=68dc00042f54b46068a158e5&locale=en&workflow=preview

Loading attachments

5 comments

· Sorted by Oldest

Oyekunle G.
·
·
Give the image full height by letting it fill the height of its container. Besides the image texts are too much, from experience, nobody will read that long text. Turn those boring texts into 3 or 5 bullet points, add social proof & increase the tests font sizes for better conversion.
🙌1
Jarret
·
·
Thank you. That did not work unless I am misunderstanding. I changed it so that each slide has a background image and set the height to 100%. Any other ideas? https://preview.webflow.com/preview/delineate-site?utm_medium=preview_link&utm_source=designer&utm_content=delineate-site&preview=e7c0cecf9596584532d509ca8e71d141&pageId=68dc00042f54b46068a158e5&locale=en&workflow=preview
Oyekunle G.
·
·
Check out the parent container if it fills content, or better still, you can grant me temporary access to your page, I will really need to see what you are structuring wrongly.
Jarret
·
·
You can view code through read only link, right?
Matt J.
·
·
Jarret I would look at the mask for how to setup the images to not cut off since you are using them as background images. Another approach, if the images are different sizes on every slide is to put an image element inside the slide and fill that with the image instead of using background images.
Loading attachments
👍1