Take out white space

Hello guys I wanna take this space out , can you help me ?

https://www.behumblee.com

pass-Humblee3030

1 Like

Hello @Suco Please check the below video to take the white space out.https://www.youtube.com/watch?v=fij7pxFIwNY

let me know if the issue is resolved.
Thanks

Hello @Suco , Add the below CSS into your CSS file of the product page.

@media screen and (max-width: 749px) {
   .section-template--17005273481394__main-padding {
      padding-top: 0;
      padding-bottom: 0;
   }
}

Remove or comment below CSS.

.section-template--17005273481394__main-padding {
    padding-top: 45px;
    padding-bottom: 45px;
}

/* remove or comment this CSS */

If it’s not working or if any queries then please reply.

Best regards,

Darshan Prajapati

Hello Suco,

Thank you for getting in touch.

I understand you are looking to remove unnecessary space appearing below the ‘Add to Cart’ & ‘Buy with Paypal’ button in the Product Detail Page

You can resolve this issue with the shared CSS solution.

Add the code at the bottom of the theme.liquid file before tag and save.


Output -:

I hope the code helps you.

Please share if you have any queries.

Thank you.

Hi @Suco

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
@media screen and (max-width: 749px) {
.section-template--17005273481394__main-padding {
padding-top: 0;
padding-bottom: 0;
}
}

Hi @Suco

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Theodore | PageFly

<phong cách>