Shopify themes, liquid, logos, and UX
Hello!
I have researched this question but am getting nowhere. In my developer debut theme I would like to remove the collection header on each page as I have created banners that have the collection header name on each page. I tried adding in the code:
@media only screen and (max-width: 749px){ .collection-grid-item__title.h3 { font-size: 15px; } }
but this code does not seem to work for me. Any help would be appreciated. Thank you!
Add this css at the end of file
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid
header.collection-header h1 { display: none; }
Thank you so much for your reply Ahsan. When I search for "theme.scss.liquid" it is not visible. This is the issue I have been running into 😞 I only see "theme-editor.js"
can you share URL of your store or the name of the theme
The theme I am using is: Dawn version 6.0.2
please find base.css file and paste above code at bottom.
Ahsan,
Can you please be a little more specific on where to paste the code? Thank you so much!
Hi, @akdascoli
Hope you are well!
1. Go to Online Store -> Theme -> Edit code
2. Asset -> /base.css -> paste below code at the bottom of the file.
.collection-header h1 {
display: none;
}
If this helps you, consider to buy me a coffee to keep running things smoothly ;).
https://www.buymeacoffee.com/juandev
Hey there! Thank you so much for your reply, this did not work for me 😞
Please share me your website url
A message was sent, thank you!
plz share the store password
I figured it out! 🙂
Add:
.collection-item__title {
display: none;
}
to the Custom CSS field on the Collection List Options Panel. Worked for me 🙂
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025