thefrolickinglime Posted July 13, 2020 Share Posted July 13, 2020 (edited) Site URL: https://cow-bellflower-d5mf.squarespace.com I'm trying to add code that creates a sticky navigation where the logo shrinks and spacing decreases upon scrolling. I've been working on this for a few days and nothing I find online seems to help. Link: https://cow-bellflower-d5mf.squarespace.com Password: temp2020 Edited July 13, 2020 by thefrolickinglime add password Link to comment
tuanphan Posted July 15, 2020 Share Posted July 15, 2020 I see you solved with JavaScript. However, in SS 7.1, Squarespace will add new class on scroll. So you can solve with CSS, no need to use JavaScript. 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
KarlKarlson Posted July 23, 2020 Share Posted July 23, 2020 I'd love to know how you fixed this issue! Link to comment
KarlKarlson Posted July 23, 2020 Share Posted July 23, 2020 Actually, here's a fix from the amazing Schwartz Edmisten: //Shrink Your Logo .header-announcement-bar-wrapper .header-title-logo img { transition: max-height 140ms ease-in-out } .header-announcement-bar-wrapper.shrink { padding-top: 20px!important; padding-bottom: 20px!important; .header-title-logo img { max-height: 40px; } } Source: https://schwartz-edmisten.com/blog/shrink-logo-on-scroll-in-squarespace-71 JudeG 1 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