FROM CACHE - en_header
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!
Some merchants and partners are experiencing problems when logging into their Shopify accounts. We will continue to provide updates to you here.

How to remove Debut theme collection title and white space.

Solved
jonis
Tourist
9 1 6

Hello.

I'm new in Shopify and I would like to know how to remove Collection title and that space so I would get navigation and after that is bar with sorting and product count.

In image I have marked area what I want to remove.

Untitled.png

Best wishes, jonis.

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11285 2411 3467

This is an accepted solution.

@jonis 

Please add the following code at the bottom of your assets/theme.css file.

.template-collection header.collection-header .section-header {
    display: none;
}
@media only screen and (min-width: 750px){
.template-collection .main-content{ padding-top: 0px !important;}
}
.template-collection .filters-toolbar-wrapper{
border-top: 0px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 15 (15)
dmwwebartisan
Shopify Partner
11285 2411 3467

@jonis 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
dmwwebartisan
Shopify Partner
11285 2411 3467

@jonis 

Your store is password protected. Please share store password.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
jonis
Tourist
9 1 6

Removed it for now. 

KetanKumar
Shopify Partner
36265 3609 11701

@jonis 

sorry for this issue can you please try this code

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

or be this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.template-collection .main-content {
    padding-top: 15px; /* change the value as you like */
}
.collection-header .section-header {
    margin-bottom: 15px; /* change the value as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
11285 2411 3467

This is an accepted solution.

@jonis 

Please add the following code at the bottom of your assets/theme.css file.

.template-collection header.collection-header .section-header {
    display: none;
}
@media only screen and (min-width: 750px){
.template-collection .main-content{ padding-top: 0px !important;}
}
.template-collection .filters-toolbar-wrapper{
border-top: 0px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
jonis
Tourist
9 1 6

Fastest support ever! 🙂

vendors
Excursionist
11 0 5

vendors_0-1631815069513.png

 

Nots happening. Can you please help me.

KetanKumar
Shopify Partner
36265 3609 11701

@vendors 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
36265 3609 11701

@vendors 

can you please confirm this look

KetanKumar_0-1631865048928.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
vendors
Excursionist
11 0 5

Exactly what I'm expecting. What changes you did.

KetanKumar
Shopify Partner
36265 3609 11701

@vendors 

i have check this its done?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
vendors
Excursionist
11 0 5

Yae done, I have wrote display: none in css of the collection image element.

KetanKumar
Shopify Partner
36265 3609 11701

@vendors 

thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing