Hide the Site Logo on a Specific Page With CSS | AJM Learn
Here’s a quick CSS trick to hide the site logo on individual pages. Every now and then, I’ll build a site with a statement hero featuring the client’s logo. Or put up a splash page where the logo is the center of attention in the middle of the page. So what do we do about the regular version of the logo still sitting there in the header? Having both would be so repetitive.
Original post:
https://www.ajmexperience.com/learn-p...
For more CSS code to enhance your website designs, check out the rest of the learn series:
https://ajmexperience.com/learn
Get our free CSS Selector Cheat Sheet:
https://www.ajmexperience.com/css-che...
Get our full CSS Library:
https://www.ajmexperience.com/squares...
——————
LET’S REMOVE IT WITH CSS!
// apply on desktop and mobile //
#7cccbd #COLLECTION-ID { .header-title-logo {
display: none;
}}
// apply on desktop //
#collection -ID { @media only screen and (min-width: 750px) { .header-title-logo {
display: none;
}}}
——————
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: https://www.ajmexperience.com/
☕️ Buy me a coffee: https://www.buymeacoffee.com/ilyajm
Thanks for watching and hope you learned something. My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.