Adjust Header / Menu Size

[greengrassbrian]

Hi there,

My logo is a bit taller and narrow compared to the Clique theme logo. Therefore it doesn’t fit quite perfectly in the header and also the menu items now appear small in a sea of black.

What I would like to do is remove some of the black on top and bottom of the logo (it looks like it was added when compared to the original theme) in order to make the header shorter.

Then I would like to adjust the size of the menu items and also have them rest vertically centered in the header.

Brazen Website Home Page

Please help!

Thanks,
Brian

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.nav-wrap {
  margin-top: 20px;
}

– Kyle

[greengrassbrian]

Thanks Kyle, that centered the menu.

Do you have any thoughts on removing some of the black margin on top and bottom of the logo?

Thanks,
Brian

[Rui Guerreiro – SUPPORT]

Add the code bellow to you custom css

#header-section {
padding: 0px 0 !important;
}

#main-container{
padding-top: 70px !important; 
}

Best Regards,
Rui Guerreiro

[greengrassbrian]

This worked for centering the menu and reducing the size of the black bar. Thanks!

The last issue I’m having is how to increase the size of the menu text. I would like to just bump up the scale a bit, maintaining the vertical centeredness if that makes sense.

possible?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code :
nav .menu li a{font-size:15px !important}

Hope that should work and let me know your feedback.

Thanks

[greengrassbrian]

Rui, is there a reason I should add:
#main-container{
padding-top: 70px !important;
}

? — it looks like it just adds a margin where I don’t want one.

[Kyle – SUPPORT]

Hi

Looks to me like there’s not much space left above and below your logo to remove? (see screenshot)

– Kyle

[greengrassbrian]

Hey Kyle,

Rui helped me remove all the extra space, so his #header-section css worked perfectly. I was just wondering the reason behind adding the additional #main-container css. Is there something there the site needs, because it seems to accomplish what I need without it.

-Brian

[Kyle – SUPPORT]

Ok well just leave that css out 🙂

– Kyle

[studiolambda]

Hi everyone,

I am trying to do the same but I guess I’m not as good as you are with codes.. Could you help me?

I work with wordpress. So I went to Appearance then EDITOR and then I tried to copy paste your codes on the stylesheet (style.css). I copied them but it doesn’t change anything on my website.. What did I do wrong ?

Thank you very much!

[Mohammad – SUPPORT]

Hi,
Please try to paste this code always at Admin -> Theme Options -> General Options -> Custom CSS.

Thanks
Mohammad

[studiolambda]

Hello,

I did as you said Mohammad and it works.. on my computer only!

As you can see below, on other computers, my logo is way up and my menu way down..

What did I do wrong ?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Everything seems fine to me.
Thanks
Mohammad

[studiolambda]

Hi Mohammad,

You mean on your computer it’s like that (see my new attachment) or it is like on my previous picture ? Cause on three different computers I saw it like on my previous message, which should not be like that.

Attachments:

You must be logged in to view attached files.