How to Remove Extra Space Below an Image on Mobile View in Shopify?

Store Design
, , , ,
1

Hi everyone,
I’m experiencing an issue with my Shopify website. On the desktop version, there’s no space between the family photo on my homepage and the product grid below it, which is perfect. However, on the mobile version, there’s a large gap between the photo and the products.

How can I adjust the settings or code to remove this excess space on the mobile view without affecting the desktop layout? I’ve attached screenshots for reference.

Thanks in advance for any help-and also, I know advice for Shopfiy users-For Dummies! :hugs:

Screen Shot 2024-11-16 at 8.41.37 PM.png
Screen Shot 2024-11-16 at 8.41.37 PM.png807×1370 150 KB

Screen Shot 2024-11-16 at 8.40.49 PM.png
Screen Shot 2024-11-16 at 8.40.49 PM.png2880×1511 610 KB

2

@StationerfromTX - this issue is you have 2 columns in 1 section and hence the entire section height is adjusted as per bigger column which in this case is text. You can try to take text after image so so much space will not be empty, can you please share this page link?

3

Hi @StationerfromTX

Please kindly share your store URL and password if it has

Best,

Daisy