How do i decrease the space here?

[Simon159]

Hello, the gap is too big here. How do i decrease it?

https://charmente.com/products/charmente-pregnancy-band

[sadik_ShopiDevs]

Hi @Simon159

Please follow the steps below:

Step 1: Go to Shopify Admin → Online Store → Theme → Edit code.
Step 2: Go to the assets folder.
Step 3: Insert the following code in the bottom of the base.css file.

@media only screen and (max-width: 767px) {
    #ImageWithText--template--24116187824433__image_with_text_qzbh7H .image-with-text__text,
    #ImageWithText--template--24116187824433__image_with_text_ENw9RK .image-with-text__text{
        margin-top: 1rem;
    }
}

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

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section.

h2 { margin-bottom: -12px; }

[B2Bridge]

Hi @Simon159 , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

@media screen and (max-width: 750px){
 .image-with-text__content .image-with-text__text {
  margin-top: 1rem!important;
}
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you