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
9824 2236 3073

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 15 (15)
dmwwebartisan
Shopify Partner
9824 2236 3073

@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 | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9824 2236 3073

@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 | Bag is a cart drawer that maximizes your sales. View app →
jonis
Tourist
9 1 6

Removed it for now. 

KetanKumar
Shopify Partner
24923 2498 9041

@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
9824 2236 3073

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 | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

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
24923 2498 9041

@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