jjk291 Posted March 31 Share Posted March 31 Hi All, So right now I have my site title hidden on the home page only using this code. .homepage a#site-title { visibility: hidden; } But I wanted to see if it could become unhidden when scrolling down the page? And with a fade in effect? Also would be great for it to disappear again when reaching the top of the page but not totally necessary. Just want for the home page only. https://harp-cobalt-g6lj.squarespace.com/Password: blueberry2 Let me know your thoughts! Much appreciated!! Link to comment
Solution tuanphan Posted April 5 Solution Share Posted April 5 Change your code to this .homepage header#header:not(.shrink) a#site-title { visibility: hidden; } jjk291 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jjk291 Posted April 7 Author Share Posted April 7 Is there a way to have it fade in and out as it looks choppy when I scroll back to the top and the title reappears? any insight on this would be amazing! Thank you! Link to comment
tuanphan Posted April 12 Share Posted April 12 Change to this code .homepage header#header:not(.shrink) a#site-title { opacity: 0; transition: all 0.3s ease; } a#site-title { transition: all 0.3s ease; } jjk291 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment