emmyv711 Posted January 5, 2023 Share Posted January 5, 2023 Hi, does anyone know any code to add a second announcement bar above the navigation? I'd ideally like to have a scrolling bar with the market date right underneath the "Free shipping" section. The site is: https://cherry-tree.squarespace.com/ and PW: cherry Link to comment
Ziggy Posted January 5, 2023 Share Posted January 5, 2023 You can do it with header code injection, either on one page or all pages, this is a start: <html> <div style="background-color:red; padding:4px; display:block; top:0px"> <p style="text-align:center"> text here </p> </div> </html> You'll have to adjust it to suit your usage and website. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
emmyv711 Posted January 5, 2023 Author Share Posted January 5, 2023 @Ziggy I tried the code in the header of the homepage and for the overall site, but neither worked... it still placed the announcement bar below the navigation. Any ideas? Link to comment
Ziggy Posted January 6, 2023 Share Posted January 6, 2023 Can you put this onto a demo page so I can see what's happening? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
emmyv711 Posted January 7, 2023 Author Share Posted January 7, 2023 @ZiggyYes, here is the link for the demo page. https://cherry-tree.squarespace.com/demo PW: cherry. I've created a section with a scroll bar and when I add the code it increases the padding at the top but doesn't move it above the navigation. Thanks for your help 🙏🏻 Link to comment
tuanphan Posted January 8, 2023 Share Posted January 8, 2023 On 1/7/2023 at 10:38 PM, emmyv711 said: Yes, here is the link for the demo page. https://cherry-tree.squarespace.com/demo PW: cherry. I've created a section with a scroll bar and when I add the code it increases the padding at the top but doesn't move it above the navigation. Thanks for your help 🙏🏻 You want Move header under scrolling bar Remove this top padding? 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
emmyv711 Posted January 10, 2023 Author Share Posted January 10, 2023 @tuanphan Yes, I want to move the scrolling section above the navigation. The padding is coming from the code injection I was advised to use earlier in this thread. Link to comment
tuanphan Posted January 15, 2023 Share Posted January 15, 2023 On 1/11/2023 at 1:19 AM, emmyv711 said: @tuanphan Yes, I want to move the scrolling section above the navigation. The padding is coming from the code injection I was advised to use earlier in this thread. Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('[data-section-id="63b99122407a284ad5ff104f"]').insertAfter('.sqs-announcement-bar-dropzone'); }); </script> 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment