removing padding under product page in shopify

[Byron]

my website is https://curahealing.co/collections/frontpage/products/massager-cervical-hot-pillow

In the mobile version it looks like this

the empty space i've circled in red... I want to remove that padding and i don't know how if anybody has the solution i would appreciate it if you would share it with me 🙂 thank you

[Made4uo-Ribe]

Hi @Byron,

If you want to adjust for this particular section, please follow the instructions below.
1. From you Admin page, go to Online Store > Themes

2. Select the theme you want to edit

3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)

4. Then place the code below at the very bottom of the file.

#shopify-section-template--23128100471065__main .page-content.page-content--product {
    padding-bottom: 0;
}

div#shopify-section-template--23128100471065__rich_text_QDQzMQ {
    margin-top: 0;
}

• And Save. 
• result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[BSSCommerce-HDL · Accepted solution]

Hi @Byron, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
  @media only screen and (max-width: 768px) {
    .page-content--product {
        padding-bottom: 0 !important;
    }
    
    
   .shopify-section.index-section:has(.theme-block) {
    margin-top: 0 !important;
   }
}
</style>

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 as a solution. Thank you 😍