On the homepage in mobile view, it seems like the last product isn’t fully showing. Appreciate the help!
Topic summary
A Shopify store owner reported that the last product on their homepage appears cut off in mobile view.
Solutions Provided:
Two developers identified the issue and offered CSS fixes:
-
PageFly-Victor suggested adding CSS code to the theme’s stylesheet:
.grid-flex { margin-bottom: 0px !important; }Location: Online Store → Theme → Edit code → Assets
-
BSS-Commerce provided screenshots showing the problematic CSS value and recommended deleting a specific CSS property to resolve the display issue.
Resolution:
The original poster thanked both responders, indicating they received helpful solutions. The thread appears resolved with multiple working fixes provided.
Hi @Bramm
This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Styles.css
.grid-flex {
margin-bottom: 0px !important;
}
Hope you find my answer helpful!
Best regards,
Victor | PageFly
1 Like
Hi @Bramm
- After checking, I found the reason here:
- So you can fix it like this:
- When the result will be like the image below, please delete that CSS value => Save.
I hope that it will work for you.
1 Like
Thank you @PageFly-Victor & @BSS-Commerce
1 Like