rpru9 Posted August 19, 2020 Share Posted August 19, 2020 (edited) Site URL: https://presenttensebar.squarespace.com Hi there, I'm working in the Crosby template, and I'd like to remove the logo from the header when scrolling down past the homepage, leaving only a thin navigation bar at the top. Within the homepage, I've got different sections/links set up with anchor links within the homepage, but when scrolling down the full header with logo is too tall and blocks content. I've searched the forum but haven't found an answer yet. I'm trying to mimic the functionality of this site: http://www.lostlakechicago.com/ Site link: https://presenttensebar.squarespace.com Password: Derek Thanks so much! Edited August 19, 2020 by rpru9 Link to comment
tuanphan Posted August 31, 2020 Share Posted August 31, 2020 Add to Home > Design > Custom CSS /* Remove logo on scroll */ .shrink .header-title { display: none; } 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
hannah.dossary Posted September 30, 2021 Share Posted September 30, 2021 Hey @tuanphan on the same topic, is there a code to do the oppsite? i.e have no logo show at first but add logo on scroll? thanks so much!! Link to comment
tuanphan Posted October 3, 2021 Share Posted October 3, 2021 On 9/30/2021 at 11:04 PM, hannah.dossary said: Hey @tuanphan on the same topic, is there a code to do the oppsite? i.e have no logo show at first but add logo on scroll? thanks so much!! Add to Design > Custom CSS header#header:not(.shrink) img { display: none; } 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
hannah.dossary Posted October 12, 2021 Share Posted October 12, 2021 amazing!! thats perfect. any chance there's additional code to add to make this only happen on the homepage? no problem if not. thanks again 🙂 Link to comment
tuanphan Posted October 13, 2021 Share Posted October 13, 2021 22 hours ago, hannah.dossary said: amazing!! thats perfect. any chance there's additional code to add to make this only happen on the homepage? no problem if not. thanks again 🙂 Use this body.homepage header#header:not(.shrink) img { display: none; } 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