JessicaWare Posted January 21 Posted January 21 (edited) Site URL: https://algae-lute-kkft.squarespace.com/ Password: lucid Hi, on my homepage I'm displaying my logo large over an image so I want to hide the logo from the website header, but after you scroll past the first image I want it to reappear in the header. I've tried the below code - but it only makes it disappear completely. Any help much appreciated! Thanks .header-title-logo img { visibility: hidden; } .shrink .header-title-logo img { visibility: visible; } Edited January 21 by JessicaWare
paul2009 Posted January 21 Posted January 21 Please share the site’s URL in your post. It isn't included in the post by default. JessicaWare 1 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.
Web_Solutions Posted January 21 Posted January 21 1 hour ago, JessicaWare said: Site URL: https://algae-lute-kkft.squarespace.com/ Hi, on my homepage I'm displaying my logo large over an image so I want to hide the logo from the website header, but after you scroll past the first image I want it to reappear in the header. I've tried the below code - but it only makes it disappear completely. Any help much appreciated! Thanks .header-title-logo img { visibility: hidden; } .shrink .header-title-logo img { visibility: visible; } Your website is private now. Make it password protected and share the password. https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords#toc-set-a-site-wide-password JessicaWare 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible.
Web_Solutions Posted January 21 Posted January 21 46 minutes ago, JessicaWare said: Sorry - url and password now added! Follow the image instruction and make the header Fixed position enable. JessicaWare 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible.
JessicaWare Posted January 22 Author Posted January 22 @Web_Solutions amazing - thank you! Is there a way to make the header stay transparent when scrolling? When I scroll the header changes from transparent to have a white background so you can't see the navigation and logo when they are white. Also is it possible to only make this happen on the homepage? So on all other pages the logo in the header displays straight away? Thanks
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment