Removing Collection Title Overlay on Mobile Only (Boundless Theme)

_Artlush_
Tourist
4 0 0

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! 

0 Likes

I can check and suggest a solution if you share your store url.

If you liked my answer, like it
If I solved your question, click Accept as a solution

jairsadrac@gmail.com | JkoSadracDesigns.com | for custom solutions contact me
0 Likes
_Artlush_
Tourist
4 0 0

artlushshop.com

Thanks! 

0 Likes
LitExtension
Shopify Partner
1247 163 220

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

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Natztech
Shopify Partner
1446 405 963

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store