Remove Collection Page Header On Mobile

ferorunning
Tourist
8 0 5

Hello,

 

I am having trouble removing the collection page header/title from my mobile view. I have been able to remove it (and the leftover whitespace) from the desktop view adding the following code. Please help me to remove it from mobile as well!

 

.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;
}

Replies 14 (14)

KetanKumar
Shopify Partner
36839 3635 11972

@ferorunning 

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
ferorunning
Tourist
8 0 5
www.ferorunning.com

Can I send you the password privately?
KetanKumar
Shopify Partner
36839 3635 11972

@ferorunning 

yes, please

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
36839 3635 11972

@ferorunning 

confirm this lookk

KetanKumar_0-1645650347494.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
ferorunning
Tourist
8 0 5

Perfect!

 

Thank you!

KetanKumar
Shopify Partner
36839 3635 11972

@ferorunning 

thanks for confirm 

can you try this code

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

 

@media only screen and (max-width: 749px) {
.collection-header .section-header.text-center {
    display: none;
}

.template-collection main#MainContent {
    padding-top: 0;
    margin-top: -1px;
}
}

 

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
ferorunning
Tourist
8 0 5

Is that in addition to code I already place in the theme.css that I mentioned above or replacing it?

@KetanKumar 

ferorunning
Tourist
8 0 5

Still appearing on the mobile preview...

ferorunning
Tourist
8 0 5

@KetanKumar this does not seem to have worked. The header still appears when I view my store  on the mobile version (when I logged into Shopify via a desktop). 

KetanKumar
Shopify Partner
36839 3635 11972

@ferorunning 

yes i have try same code its work where do you have add that code?

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
ferorunning
Tourist
8 0 5

here it is. I added it at the end of the theme.css filehere it is. I added it at the end of the theme.css file

@KetanKumar 

KetanKumar
Shopify Partner
36839 3635 11972

@ferorunning 

if possible to give me theme access so i will check code 

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
ferorunning
Tourist
8 0 5

@KetanKumar how do I do that? just send you my password?

KetanKumar
Shopify Partner
36839 3635 11972

@ferorunning 

https://help.shopify.com/en/manual/your-account/staff-accounts/staff-permissions

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