Jump to content

Hiding header logo on homepage only

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://algae-lute-kkft.squarespace.com/
Password: lucid

Hi, I've used the below code as I want to hide my header logo on the homepage (as I'm displaying my logo large over an image and don't want it to be duplicated in the header). However on all other website pages my logo has also disappeared in the header but I want it to display for them. Is it possible to hide only on the homepage but keep as normal on all other pages? Thanks!

.header-title-logo img {
    visibility: hidden;
}
.shrink .header-title-logo img {
    visibility: visible;
}

Link to comment
  • Replies 4
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

@tuanphan Do you know if it's possible on my homepage only, to have the header menu appear after you start scrolling but have it transparent? At the moment if I unselect 'fixed position' in the settings, the header then appears when scrolling but it has a white background. Any help much appreciated!

Link to comment
27 minutes ago, JessicaWare said:

@tuanphan Do you know if it's possible on my homepage only, to have the header menu appear after you start scrolling but have it transparent? At the moment if I unselect 'fixed position' in the settings, the header then appears when scrolling but it has a white background. Any help much appreciated!

You can use this CSS code

body.homepage header#header.shrink {
    background-color: transparent !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.