Reduce gap between title and price on mobile?

[KimGottwald]

 

Hello,

I would like to make the changed displayed in the picture, can someone help me?

Thank you!

URL: https://suq5b8csct01fyzg-61270851797.shopifypreview.com/

Im using the Trade theme.

[BSSCommerce-HDL · Accepted solution]

Hi @KimGottwald, 

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>
.price.price--sold-out.price--on-sale, .price.price--sold-out {
    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 😍

[BSS-TekLabs]

- Here is the solution for you @KimGottwald 
- Please follow these steps:

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media screen and (max-width: 749px) {
.card-information>.price {
    margin-top: 0 !important;
}
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.