How can I create this line with CSS?

1) How can I create this 'line / frame' in css?
I know how to create a horizontal line and two vertical one, but i cant't stitch those together to recreate the graphic.

2 how can i make this sticky on top of the page? So it hangs above the primary navigation. ( and make it sticky on every page when scrolling?

Use a code block and insert

<div class="bar"></div>

Add CSS (you may have to adjust size and location)

.bar {
  border: 3px solid black;
  width: 100%;
  height: 30px;
  border-bottom: none;
  position: fixed;
  background: transparent;
  top: 0px;
  left: 0px;
}

12 minutes ago, rwp said:

 

I inserted a code block and pasted your code, but it just shows the text

The <div> code goes in the block.

Css goes in design -> css

Thanks rwp!
 

it works!
You happen to know how i can center it instead of left aligned?

I'd have to see the page.

i there a way to share the page without giving away the  logins?

https://nectarine-banjo-ewdh.squarespace.com/#/new-page

Set the page up as password to view. Post that password. (Not your log in password)

https://nectarine-banjo-ewdh.squarespace.com/config/pages

pw: popquiz

1 hour ago, QAAM said:

https://nectarine-banjo-ewdh.squarespace.com/config/pages

pw: popquiz

Your site is private. You can setup password & share url

Thanks Tuanphan,

https://nectarine-banjo-ewdh.squarespace.com/

pw: popquiz