Have your say in Community Polls: What was/is your greatest motivation to start your own business?

[IMPULSE] changing spaces btw collection heading and images

Solved

[IMPULSE] changing spaces btw collection heading and images

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
633 111 117

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 🙂

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

Replies 3 (3)

shreyhweb
Shopify Partner
633 111 117

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 🙂

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
RaphGO
Excursionist
13 0 5

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

shreyhweb
Shopify Partner
633 111 117

thankyou 🙂 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com