holahannah Posted April 6 Share Posted April 6 Hello! I've got fixed navigation enabled on my site. Basically when you start to scroll down the page, I want the fixed navigation background to be a transparent gradient (screenshot attached) rather than a solid white colour. Does anyone know how I can change this? Similarly, when I start scrolling, there is a little jump/not so smooth scroll as I start scrolling down the page. Is there any way to remove this? Video attached for reference. https://www.loom.com/share/122ed33b949045dca1b1dd9f3c0d9247 https://pumpkin-algae-cgck.squarespace.com/ password: mayah Any help greatly appreciated. Thank you! Link to comment
Solution tuanphan Posted April 8 Solution Share Posted April 8 Add to Design > Custom CSS header#header.shrink { background-image: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,3)) !important; background-color: transparent !important; } 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
holahannah Posted April 8 Author Share Posted April 8 Brilliant, that worked! I just changed the linear gradient "to top" to switch the direction. Thanks for your help! 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