Reduce space between header and main menu

Latest Reply from JudithP at 2015-09-25 10:14:25
Hi, I want to reduce the space between header and main menu. Searched the whole forum, couldn't find the suggested things to do. My theme is Originative.
Already managed to remove the search box and the top-menu (left it empty, so nothing shows up).

And is there a way to increase the font that's been used for the header? I removed the logo that was there and put in my own name which shows up now, but I want it bigger.

What is your advice?


Thanks

Judith
Hi!

You may inspect the page and find the needed line you need to edit with the use of browser console. This way I found that you need to edit the code:
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
padding-top:0;
height:149px;
position:relative;
z-index:20;
}

in the style.css of the Originative theme to decrease the gap between top and main menu. There are several css files: style.css located in the directory of the theme and the others inside /css folder. Inspecting the page you will be able to find the line and the file you have to edit. Unfortunately, we don't provide such kind of services.
Hi Alice,

Thank you for your response. I found the code and tried to change the height, but nothing happens. What is it that I should change in this code?
The padding, height, position or z-index?

Thanks again.

Judith
You need to decrease height. This will help to move the main menu closer to the top menu. Unfortunately, can't visit your website - you didn't give us the link. Don't forget to save changes after editing the code.
Hi Dave,

the link is judithpoelarends.com
I tried to decrease height (and saved it ;-) but nothing happens. I work in style.css

Thanks for you help.
Hi Dave, Alice,

Could you please give me some advice in this? Thank you very much.

Kind regards
Judith
Just replace that code with:
/*------------------------------ MENU ------------------------------*/
#secondarymenu-container {
padding-top:0;
height: 15px;
position:relative;
z-index:20;
}
Thanks Alice.

Reducing height 149 to 15px, did not give a change.
I decided to remove my name / logo on top of the page and that actually reduced the space, so I will leave it like this for the moment.
Thank you for your help.

Leave a reply

Add codeAdd image