[Support request] Horizontal line under header is too long

[Christer Martensson]

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

[Leo]

Hi there,

Can you provide a link to your site? Thanks!

[Christer Martensson]

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

[Leo]

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

https://docs.generatepress.com/article/header-layout/

[Christer Martensson]

Now the header is aligned to the left

[Leo]

You have this CSS added:

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

[Christer Martensson]

Is it possible to have the header fixed and centered?

[Leo]

Take a look at this: https://docs.generatepress.com/article/navigation-logo/#navigation-as-header

[Author]

Posts