jjk291 Posted March 31, 2023 Share Posted March 31, 2023 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, 2023 Solution Share Posted April 5, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
jjk291 Posted April 7, 2023 Author Share Posted April 7, 2023 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, 2023 Share Posted April 12, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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