Archived topic

Horizontal line under header is too long

7 replies · Started by Christer Martensson on July 28, 2017

Viewing posts 1–8 of 8

July 28, 2017 at 11:42 am #356360

I want to have a 1px line under the header.
I’ve tried the code:
.site-header {
border-bottom: 1px solid #a22e2b;
}

and it works well but I want that line not to be longer than the container’s width (I have set the width to 850px)

/Christer

July 28, 2017 at 11:43 am #356361

Hi there,

Can you provide a link to your site? Thanks!

July 28, 2017 at 11:46 am #356366

http://redhousepr.com
Now there are two lines because I have added on to pages but that's the length I want to have in the header

July 28, 2017 at 11:52 am #356371

Try setting both the header width and inner header width to contained then that first line should work.

July 28, 2017 at 12:26 pm #356377

Now the header is aligned to the left

July 28, 2017 at 12:30 pm #356381

You have this CSS added:

.site-header {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 2000;
}

July 28, 2017 at 12:37 pm #356390

Is it possible to have the header fixed and centered?

July 28, 2017 at 12:39 pm #356395

This archived topic is closed to new replies.