Reduce space in collection header (no picture) in Theme Debut

Highlighted
New Member
6 0 0

Dear All,

 

I looked it up but couldn't find the info, so million thanks for those who will help :)

 

In this page (https://monsieurbutterfly.fr/collections/broches) I would like to reduce the space before and after the collection title ("Nos Broches").

 

A kind user suggest me to add $('.rte').remove() at bottom of file Asset->theme.js

This indeed reduced the space in collection header, but also removed the product description!

 

Would a genius know how to just reduce the space in collection header?

 

Thanks a lot for your kind help! Charles

0 Likes
Highlighted
Shopify Partner
216 27 47

@MrButterfly 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-header .rte {
    display: none;
}
Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Shopify Partner
1046 228 320

Hey there,

 

Please add following code in your assets/theme.scss.liquid file

@media only screen and (min-width: 750px)
.template-collection .main-content {
    padding-top: 35px !important;
}

@media only screen and (min-width: 750px)
.template-collection .section-header {
    margin-bottom: 35px !important;
}

.template-collection .collection-header .rte {
    display: none;
}

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
New Member
6 0 0

Hello @dmwwebartisan , this changes the whole design of the website, breaking it... sorry :)

0 Likes
Highlighted
New Member
6 0 0

Hello @IttantaTech, this looks very good, let me review it and consider it as a solution! Thanks a lot!

0 Likes