Where to place changes in css for the main menu

[katerine]

Hello,
I have just started to revise my old website, to bring it into my new corporate design. As I am having concrete idea, I would like to realize some changes concerning the main menu.

1) I would like to have a black line (7px thickness), integrated full width on top of the header

2) I would like to have an overline (not underline) as hover and active effect for the main menu. So the color should not change, as it does right now. Highlighting just with the black line on top of the chosen menu point. type should stay black.

3) In the middle of the page, as centered element there should be placed “Katrin Horstkemper Design”. In the adjustments I haven’t found a possibility to integrate centered font while keeping the main menu points on the right side.

How can I integrate these changes into the CSS and where would i have to place it within the CSS, that it really works?

Thanks in advance and best,
Katrin

[Kyle – SUPPORT]

Hi

For 1 & 2, please can you attach a design of what you are trying to achieve as I don’t quite understand, do you mean like http://joyn.swiftideas.com ?

3) In the middle of the header? I’m afraid that’s not possible sorry, you can see the possible header layouts in theme options > header options

– Kyle

[katerine]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Most of it can be done apart from the text in the middle

Add this to your custom css:

#header-section {
  border-top: 8px solid #111111;
}
#main-navigation ul.menu li.menu-item {
  border-top: 2px solid transparent!important;
}
#main-navigation ul.menu li.menu-item:hover {
  border-top: 2px solid #111!important;
}

– Kyle

[katerine]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

I don’t think you are going to be able to achieve the desired look, as the menu items are full height of the header, so adding a border will have to be right at the top (touching the header border). If you want to achieve the attached look you will have to make a lot of css changes, which unfortunately is beyond our scope of support

– Kyle