Daire Posted November 4, 2022 Posted November 4, 2022 Hope someone can help. I have a transparent header with white navigation options and a video header background. Once I start scrolling, I need the menu to become sticky and not transparent with a solid grey background.
Ziggy Posted November 4, 2022 Posted November 4, 2022 Can you share the website URL, page, and password (if applicable)? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Ziggy Posted November 4, 2022 Posted November 4, 2022 (In Squarespace 7.1) You should be able to set the header to fixed - basic and dynamic, which should achieve the look you want. Daire 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Daire Posted November 8, 2022 Author Posted November 8, 2022 On 11/4/2022 at 1:03 PM, Ziggy said: (In Squarespace 7.1) You should be able to set the header to fixed - basic and dynamic, which should achieve the look you want. @Ziggy https://www.weareverb.co.uk/ pass: VERB (homepage) So it's currently transparent on the header but as I scroll I want it to be sticky with a solid background on scrolling.
Ziggy Posted November 8, 2022 Posted November 8, 2022 Did you enable the setting as I suggested? Header -> fixed - basic and dynamic in header styles? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Ziggy Posted November 10, 2022 Posted November 10, 2022 No problem happy to help! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
gearoid98 Posted August 9 Posted August 9 Hey there, I tried this and it worked but still have a few issues: 1. If there is a way to make the animation transition more gradual? It's quite choppy. 2. Can a very thin while line be added to the edge of the header? As found on this website https://www.mossy.earth (they use a black line for their white header but my header is a red colour so white is better for contrast). 3. Is there is a way to apply the same colour header to all pages regardless of section block background colour?
tuanphan Posted August 12 Posted August 12 On 8/9/2024 at 4:43 PM, gearoid98 said: Hey there, I tried this and it worked but still have a few issues: 1. If there is a way to make the animation transition more gradual? It's quite choppy. 2. Can a very thin while line be added to the edge of the header? As found on this website https://www.mossy.earth (they use a black line for their white header but my header is a red colour so white is better for contrast). 3. Is there is a way to apply the same colour header to all pages regardless of section block background colour? What is your site url? We can check easier 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment