Need help regarding homepage design

Store Design
1

On my homepage, the banner list appears fine on desktop but weird on mobile. Here’s what i have on my website:

Screenshot_20250314-194822.png
Screenshot_20250314-194822.png720×1600 139 KB

and here’s what i aim to achieve:

ncsjcnjs_0-1741963819811.png
ncsjcnjs_0-1741963819811.png333×658 125 KB

website:trendlabb.com

kindly help if anybody knows how to fix

2

Hi there! :blush:
Here’s the CSS code to resolve your issue:

@media screen and (max-width: 767px) {
.grid.collage_column_3.grid--3-col-desktop.grid--1-col-tablet-down {
width: 100%!important;
    display: flex!important;
    flex-wrap: wrap!important;
}}

To add this to your Shopify theme, follow these steps:

  1. Go to Online Store in your admin panel.
  2. Click on Customize next to your active theme.
  3. Scroll down in the side panel until you find Custom CSS.
  4. Paste the code I provided.
  5. Save the changes.
    You should see the updates in real-time. Let me know if you need any more help! :rocket:
3

Thankyou buddy

4

Hi there! I’m glad my response was helpful and solved your issue! :rocket:
If you’d like to stay updated with more Shopify tips and solutions, feel free to follow me on social media:
:glowing_star: https://www.instagram.com/e.nnovative

If you want to support my work, you can buy me a coffee here: :hot_beverage: https://buymeacoffee.com/ennovative
Thanks again, and best of luck with your store! :yellow_heart: