Conor1234 Posted August 23, 2023 Share Posted August 23, 2023 Hi guys, I am trying to replicate this menu effect(Image attached) on my website, and I am not having any luck finding any working code injections online. Would anyone know how to do this with code? Thanks Link to comment
Ziggy Posted August 23, 2023 Share Posted August 23, 2023 Try this: https://www.will-myers.com/articles/add-secondary-navigation-to-your-squarespace-71-website 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? Link to comment
Conor1234 Posted August 23, 2023 Author Share Posted August 23, 2023 (edited) Hi Ziggy thanks for replying, I found that guide previously and I followed it but the closest I got was to make the menu to appear like this(image attached), with the white menu bar above the main nav menu. Is there a way to lower this menu down(and make it transparent I guess) so that the nav links are above the current main menu with the free version of this code? Would this be included in the premium version do you know? Or alternatively is there another solution that may work? Thank you for your help 🙂 Edited August 23, 2023 by Conor1234 Ziggy 1 Link to comment
Ziggy Posted August 23, 2023 Share Posted August 23, 2023 There are ways that you could tweak this, can you share your website URL? 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? Link to comment
Conor1234 Posted August 23, 2023 Author Share Posted August 23, 2023 Sure thing! Its https://paddlefish-cornet-jrw7.squarespace.com/ Thanks Link to comment
Ziggy Posted August 23, 2023 Share Posted August 23, 2023 Site wide password? 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? Link to comment
Ziggy Posted August 23, 2023 Share Posted August 23, 2023 That password isn't working for me. 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? Link to comment
Conor1234 Posted August 24, 2023 Author Share Posted August 24, 2023 Apologies, its Ceadar12 Ziggy 1 Link to comment
Ziggy Posted August 24, 2023 Share Posted August 24, 2023 Add this Custom CSS: #wm-subnav { background: none !important; margin-bottom: 0px !important; } #wm-subnav a.wm-subnav-item{ color:white !important; } #wm-subnav .secondary-nav-dropdown-icon path{ stroke: white !important; } 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? Link to comment
Conor1234 Posted August 24, 2023 Author Share Posted August 24, 2023 Thank you! The bar is now transparent but it is still up quite high, is there any way I am able to lower it down further? Link to comment
Ziggy Posted August 24, 2023 Share Posted August 24, 2023 A large part of the reason there is a big gap is the height of the logo, this Custom CSS may help: #wm-subnav { padding-bottom: 0px !important; } body.tweak-subnav-position-top #wm-subnav { margin-bottom: 0px !important; } tuanphan 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? 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