Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How can I create this line with CSS?


QAAM

Question

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?

 

CSS_frame.png

Edited by QAAM
info
Link to post
  • Answers 10
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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-

The <div> code goes in the block. Css goes in design -> css

Posted Images

10 answers to this question

Recommended Posts

  • 0

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;
}

 

Link to post
  • 0
1 hour ago, QAAM said:

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

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...