How to remove the gap between product Image and title as well as product description and buy button?

[KimGottwald]

Hello,

does somebody know How to remove the gap between product Image and title as well as product description and buy button?

Thank you!

url: aliudclothing.com

[sahilsharma9515]

Hi @KimGottwald Please add the code in your theme.css/base.css/style.css file which is available in your theme.

@media screen and (min-width: 480px){
.product-single__meta {
    padding-top: unset !important;
}

.product-single__description.rte {
    margin-top: unset !important;
}
}

If you are not sure where is your theme.css/base.css/index.css/style.css file 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.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
6. You can add the above code at the bottom of the file.

Result:

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

Best Regards

Sahil

[KimGottwald]

Thank you it works, but it creates the following problem when I scroll down.

[KimGottwald]

The problem only occurs on desktop*