[Support request] Horizontal line under header

[Leon]

Is it possible to setup a horizontale line under the header, above the menu? 1px?

[Tom]

You could try this CSS:

.site-header {
    border-bottom: 1px solid #000000;
}

[Leon]

Is het also possible to get a horizontale line under the navigation. So that the menu has a horizontale line above and under the menu? I think this will look even more beautiful.
Thanks again.

[Leo]

Hi Leon,

Try replacing Tom’s code with this CSS:

.main-navigation {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

Let me know.

[Christer Martensson]

Hi!
I want to have a 1px line under the header.
I’ve tried the above code 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).

I also have another problem I want to solve:
When I look at some of the pages the menu and the logo moves little bit to the left. I’ve found out that i depends of the content of the page but cannot understand why this happens.

/Christer

[Leo]

Hi there,

Can you please open up a new topic with these questions and provide a link to your site possibly?

Thanks!

[Author]

Posts