Liquid, JavaScript, themes, sales channels
Hey all,
I've found some great advice about removing the Collection title text but it applies to both mobile and desktop. I really like and want to keep the effect of my collection titles appearing when you hover over them on desktop, but I'd like to remove them altogether from the mobile version as they look out of place and block pre-existing text in the collection images. Any advice on how to remove them from mobile only would be greatly appreciated!
I can check and suggest a solution if you share your store url.
artlushshop.com
Thanks!
hello @_Artlush_
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 989px){
.template-list-collections .supports-csstransforms3d .collection-grid__title {
display: none !important;
}
}
Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
@media only screen and (max-width: 989px){
.supports-csstransforms3d .collection-grid__title {
display: none !important;
}
}
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