[IMPULSE] changing spaces btw collection heading and images

Solved
RaphGO
Excursionist
13 0 5

Hi ! My shop is ed4ee3.myshopify.com
There is no password, I'm using IMPULSE THEME.

On mobile version, I would like to reduce the space between collection headings and collection images everywhere on the shop (homepage, on any collection page...). Please note in case it can help you that the issue is not happening on desktop version. Thank you.

blanc collection.png

 

Accepted Solution (1)
shreyhweb
Shopify Partner
536 95 97

This is an accepted solution.

@RaphGO 

 

 Hello,

 

Please add the below code above </body> in theme.liquid

 

online store >> edit code >> theme.liquid

 

<style>
@media screen and (max-width: 767px) {
div#CollectionAjaxContent .page-width .grid {
padding-top: 10px!important;
}
.index-section .grid {
padding-top: 10px!important;
}
}
</style>

 

after added the given code dropdown looks like this.

 

 

If our solution is helpful for you then Please like the post and tap on accepted.

 

If you want to discuss any further information then please contact us on our whatsapp.

 

We will always here for your help.

 

Thankyou 🙂

 

Shreyh Soft Solutions | Shopify Partners | Ecommerce Solutions
- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
For fast communicate Whatsapp - +917440308339

- Please Follow our Linkedin - Shreyh Soft Solutions

View solution in original post

Replies 3 (3)
shreyhweb
Shopify Partner
536 95 97

This is an accepted solution.

@RaphGO 

 

 Hello,

 

Please add the below code above </body> in theme.liquid

 

online store >> edit code >> theme.liquid

 

<style>
@media screen and (max-width: 767px) {
div#CollectionAjaxContent .page-width .grid {
padding-top: 10px!important;
}
.index-section .grid {
padding-top: 10px!important;
}
}
</style>

 

after added the given code dropdown looks like this.

 

 

If our solution is helpful for you then Please like the post and tap on accepted.

 

If you want to discuss any further information then please contact us on our whatsapp.

 

We will always here for your help.

 

Thankyou 🙂

 

Shreyh Soft Solutions | Shopify Partners | Ecommerce Solutions
- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
For fast communicate Whatsapp - +917440308339

- Please Follow our Linkedin - Shreyh Soft Solutions
RaphGO
Excursionist
13 0 5

Your solution works for both homepage and collection pages. Wonderful ! Thank you very much

shreyhweb
Shopify Partner
536 95 97

thankyou 🙂 

Shreyh Soft Solutions | Shopify Partners | Ecommerce Solutions
- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
For fast communicate Whatsapp - +917440308339

- Please Follow our Linkedin - Shreyh Soft Solutions