I removed the title of the collection (So the image is the only one visible) but on the mobile phone web is not working, anyone has a clue what could I do?
I’m working on the debut theme
Hi @chunn
This is PageFly - Advanced Page Builder.
You can try with this code:
Follow this:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css.
Step 3: paste below code in bottom of file → save.
h1.collection-hero__title.page-width {
display: none !important;
}
Hope that my solution works for you.
Best regards,
PageFly
Not working either… I already used these ones and they only work on the desktop version not mobile
@media screen and (min-width:767px){
.has-secondary.grid-view-item__link img.secondary{
display:none;
}
#shopify-section-collection-template h1.collection-hero__title.page-width {
display: none;
}
#shopify-section-collection-list .grid-uniform .grid__item .grid-link .grid-link__title{
display: none ;
}
h1.collection-hero__title.page-width {
display: none !important;
}
I noticed that you are missing a “}” at the end of the code.
https://prnt.sc/Ql0yIa_mept5
Or you can try again with this code:
@media screen and (max-width: 767px){
h1.collection-hero__title.page-width {
display: none !important;
}
}
That one worked! Thank you so much!!
1 Like