How to reduce the space between the presented category and the numbers below - Dawn Theme ?

[JustInCase-de]

Hello,

I am presenting my best-selling products on the front page of my store, but unfortunately, the spacing between the category products and the numbers below, is too large (mobile version).

Please view picture attached. I wish for the numbers to be just a little closer to the products presented (mobile only). Is somebody able to provide me with a corresponding code ?

This is my store url: justincase-de.com

I appreciate all help, but please do not contact me on Instagram.

Kind regards.

[PageFly-Victor]

Hi @JustInCase-de 

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media screen and (max-width: 767px){

.card__heading {

    margin-bottom: 0 !important;

}

.price {

    margin-top: 0 !important;

}

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

Hi @JustInCase-de,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>
	#Slider-template--17889332592904__featured_collection .card__information .card__heading {
		margin-bottom: 0px !important;
	}
	#Slider-template--17889332592904__featured_collection .card__information .price {
		margin-top: 0px !important;
	}
</style>

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.