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?
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 hey@beatrizcaraballo.com so I can look into it and let you know what's possible!
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.