Spacing Problem

[SMSIGroup1]

Good day!

We just want to ask why there is a large spacing between all the products/items when clicked.

Please check the image below.

Theme: Planter Ver 2.0.0

URL: https://vionicshoes.com.ph/

Thank you.

[Moeed]

Hey @SMSIGroup1

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.

{% if template contains 'product' %}

{% endif %}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-HDL]

Hi @SMSIGroup1 ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

.main-content {
    padding-top: 0 !important;
}

.g-breadcrumb {
   margin-bottom: 0 !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you

[Dan-From-Ryviu]

Hi @SMSIGroup1

Please add this code to your theme.liquid file, after in Online Store > Themes > Edit code

Best Regards,

Dan from Ryviu

[niraj_patel]

Hello @SMSIGroup1

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid
   {% if template contains ‘product’ %}

#MainContent { padding-top: 0 !important; } .g-breadcrumb { margin-bottom: 0 !important; }

{% endif %}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[SMSIGroup1]

Thank you Dan, it works!

[Dan-From-Ryviu]

You are very welcome!