How To Decrease This Space

Store Design
, ,
1

Hello, as shown by the arrow in the image, I would like to slightly decrease the space. This is on my product page and I only want to decrease the space on mobile. Thank you!

https://charmente.com/products/baby-head-protector

IMG_7398.jpg
IMG_7398.jpg1170×2532 269 KB

2

Hi @Simon159

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.

@media (max-width: 749px) {
.product__info-container .product__description { margin-bottom: -8px !important; }
}
3

Hi @Simon159 Please add the following code

.alr-wh-crs-bs {
    margin-top: -36px !important;
    padding-top: unset !important;
}

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Result:

sahilsharma9515_0-1720092471275.png
sahilsharma9515_0-1720092471275.png639×420 105 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil