Move announcement bar to website border

Question for the forum...

I am building out my site and I added code to create a 30px border around my site. Does anyone know how to move the announcement bar into that border. If I enable the announcement bar as is, it shows up below the 30px border.

How did you add the border?

body {
border: 30px solid #FFFFFF (or whatever color you want the border)
}

OR

header, body {
border: 30px solid #hexnumber
}

header {
border-bottom: none
}

I'm not a developer, so admittedly, my coding skills are what I pick up or search for. I just haven't found any references on how to code the announcement bar to stay at the top of the page. I know why it's not working, I just don't know how to fix it. 

you could just remove the border from the top only. Add this directly after your current border code in the body element.

border-top: none !important;

If that doesn't work we'll need you to make the announcement bar live and leave your code in there and then share your link so we can check it out live.

jaeveedee: thanks for the help!!!