How do i remove this huge padding space inside these two shopify section no option to reduce padding

[Reyan]

i need to reduce this space both on mobile and desktop

product page link 

https://catpillar.co.uk/products/catpillar-doodle-mat-ocean-adventure-edition

[BSSCommerce-B2B]

@Reyan,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
#shopify-section-template--16026375487554__ss_circle_menu_qpx3WN {
   padding-block-start: 1rem!important;
   padding-block-end: 1rem!important;
}
#shopify-section-template--16026375487554__related-products .section {
   padding-block-end: 1rem!important;
}
</style>

[BSSCommerce-B2B]

Result you will achieve

If it helps you, please like and mark it as the solution.

Best Regards 😊

[Reyan]

Great ! Thank You For Your Help .One last thing i have the same issue with this section on my home page how to reduce it on home page?

@BSSCommerce-B2B 

[BSSCommerce-B2B · Accepted solution]

@Reyan, change the previous code like this

<style>
#shopify-section-template--16026375487554__ss_circle_menu_qpx3WN,
#shopify-section-template--16026375258178__ss_circle_menu_CBCG7H {
   padding-block-start: 1rem!important;
   padding-block-end: 1rem!important;
}
#shopify-section-template--16026375487554__related-products .section {
   padding-block-end: 1rem!important;
}
</style>

[Reyan]

Thank You ! For Your Help

[BSSCommerce-B2B]

Glad to help you!