How can I adjust the mobile grid display in my Blockshop theme?

Store Design
1

Hey guys,

I am wondering if anyone can help me.

I’m updating my Blockshop theme and have added grid on the homepage. It is displaying how I want on the web version but on mobile there are some gaps between the blocks which I’d like to remove. I’d like it to be the same width as the top image (the file dimensions are the same). I have added an image below with arrows showing where I would like the grid block to extend to on mobile.

I can’t work out which bit of code to alter- can anyone help?

Thanks in advance!

Screenshot 2021-07-19 at 23.56.24.png
Screenshot 2021-07-19 at 23.56.24.png900×1272 216 KB

1 Like
2

@kcam93

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Hi @kcam93

it’s a minor design issue, share the URL , so that I can provide you a code snippet for fix this.

4

Hey guys,

Thanks so much for your replies!

The url is www.Cameron-swim.myshopify.com (although I am making these changes on an unpublished copy of the theme).

Thank you!

5

Hey,

did you get time to have a look at this? So grateful for any help you can offer!

Thanks

6

hello @kcam93

can you please share page url of which section do you want to reduce space

7

@kcam93

Kindly, share the unpublished theme url, so that I can look into this. check PM