CaresaCreativeCo Posted July 5, 2023 Share Posted July 5, 2023 I want to add a fixed top navigation bar to a 7.1 website. I have tried the announcement bar, but I need 3 separate links 1 on the far left, 1 in the center, and 1 on the far right. Disable on the mobile. Can someone provide a code that would work for this? I have tried several codes, but nothing is working quite right. Thanks! Link to comment
Ziggy Posted July 5, 2023 Share Posted July 5, 2023 This is what you're looking for:https://www.will-myers.com/articles/add-secondary-navigation-to-your-squarespace-71-website CooksBay 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (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
CaresaCreativeCo Posted July 6, 2023 Author Share Posted July 6, 2023 I want code, not a plugin. Link to comment
tuanphan Posted July 9, 2023 Share Posted July 9, 2023 You can use Announcement Bar, add 3 links, then share site url, then we can give code to make 1 align left, 1 align center, 1 align right + hide it on mobile. 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!) Link to comment
CaresaCreativeCo Posted July 12, 2023 Author Share Posted July 12, 2023 On 7/9/2023 at 2:37 AM, tuanphan said: You can use Announcement Bar, add 3 links, then share site url, then we can give code to make 1 align left, 1 align center, 1 align right + hide it on mobile. It's currently not a live site or connected to a domain. Https://arizonaturfmasters.squarespace.com password: 1234 Ziggy 1 Link to comment
Solution Ziggy Posted July 12, 2023 Solution Share Posted July 12, 2023 Add this to Custom CSS: .sqs-announcement-bar-text p { display: flex; justify-content: space-between; } Let us know if that works. 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (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
CaresaCreativeCo Posted July 12, 2023 Author Share Posted July 12, 2023 47 minutes ago, Ziggy said: Add this to Custom CSS: .sqs-announcement-bar-text p { display: flex; justify-content: space-between; } Let us know if that works. This works! How can I edit the font size just for the mobile announcement bar? Thanks! Ziggy 1 Link to comment
Ziggy Posted July 12, 2023 Share Posted July 12, 2023 Try this: @media only screen and (max-width:767px) { .sqs-announcement-bar-text { font-size:3vw; } } CaresaCreativeCo 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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (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