How to create a business info bar above the header in Squarespace (7.0 & 7.1) | Day 9 of 12DOC

[@merlevum]

Thank you for this! I've been trying to figure this out for several days now. It really helped.

[@beatrizecaraballo]

You're most welcome! I'm glad to know this helped 🙌

[@mahmoudab7420]

The links for the icons are not working

[@beatrizecaraballo]

Heya! Are you referring to the ones in the code? If so, those are placeholders. You'll need to replace them with the corresponding URLs of the icons you want to use. Hope that helps!

[@Jessica-pf3kc]

I am working within a square space template, when I add the code it inserts under the navigation bar. Is there anything I can do to adjust it so it will sit above?

[@beatrizecaraballo]

I would need to see the site to check out what's happening since there maaaay be a CSS solution to it. However, depending on how things are set up, a script may be needed to move the new bar into the original Header to keep everything together. Feel free to send over a link to your site + the trial password if the site isn't live yet to [e-mail] so I can look into it and let you know what's possible!

[@stephyang1]

How do I fix the business info bar at the header?

[@beatrizecaraballo]

The easiest way to do it is by setting the header as a fixed element too, and setting the top offset just under the new bar. You can use this to do that and alter the top: 30px value as necessary: .business-bar-wrapper { position: fixed; top: 0; width: 100%; z-index: 9999; } #header { position: fixed; top: 30px; } However, depending on how you have things laid out and how you want them to work, another approach may be necessary. Feel free to reach out through beatrizcaraballo.com/contact if you need more support.