Adjust Gaps

Store Design
1

Hi, i am using Blockshop 11.0.1 theme, on the mobile main homepage i want the gaps below and above the images to be the same as the gaps on each side 5px. I have quoted the current code i inserted if you could fix this.

.featured-grid--body {
    gap: 5px;
}

.featured-grid--root {
    padding-top: 30px;
}

.main-collection--grid {
    gap: 5px;
}

.featured-grid--root, .main-collection--root {
    padding-inline: 5px;
}

.main-product--root {
    padding-inline: 5px;
}

Untitled.jpg
Untitled.jpg928×840 66.7 KB

2

Hey @lucianofashion1

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1745340882564.png
Moeed_0-1745340882564.png373×666 158 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed