How do I expand the padding between this and product by a little bit?

Store Design
,

Topic summary

A user seeks to increase the padding/spacing between elements on their product page (whoglobal.shop). An attached screenshot illustrates the specific area needing adjustment.

Solutions Proposed:

  • Option 1: Add CSS targeting .product-section with padding-top: 20px (adjustable value)
  • Option 2: Insert mobile-specific CSS in base.css file:
    @media screen and (max-width: 749px) {
    .product .product__text.subtitle {
        margin-top: 40px;
    }
}

The second solution includes a visual result screenshot showing increased spacing. The discussion remains open pending confirmation from the original poster on whether either solution resolves the issue.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

How do I expand the padding between this and product by a little bit? My url is www.whoglobal.shop

samueljoonjung_0-1743166600420.png
samueljoonjung_0-1743166600420.png780×1441 63.8 KB

2

Hi,

Hope this will help

-Fix the css and add padding code

Code example

.product-section {
    padding-top: 20px; /* Adjust the value as needed */
}
3

Hi @samueljoonjung ,

I am from Mageplaza - Shopify solution expert.

Please open the base.css file and add the following CSS code:

@media screen and (max-width: 749px) {
    .product .product__text.subtitle {
        margin-top: 40px;
    }
}
  • Result:

2025-03-31_16-36.png
2025-03-31_16-36.png653×924 52.5 KB

Please let me know if it works as expected!

Best regards