Shopify themes, liquid, logos, and UX
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;
}
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.
yes, please
confirm this lookk
Perfect!
Thank you!
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;
}
}
Is that in addition to code I already place in the theme.css that I mentioned above or replacing it?
Still appearing on the mobile preview...
@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).
yes i have try same code its work where do you have add that code?
if possible to give me theme access so i will check code
https://help.shopify.com/en/manual/your-account/staff-accounts/staff-permissions
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024