Header Logo – Initial Height

[karimun]

The value I set with “Main Menu Height” gets applied to the menu list items (thats fine) BUT ALSO to the height of the logo above.
In my case setting the menu height to 26 Pixel this also squeezes the logo height to this value (-1 Pixel ..)

What to do to let the initial logo height unaffected?

Attachments:

You must be logged in to view attached files.

[Abe]

Hi, instead of putting the header height 26, put the actual size you want for the logo and then add this css to take care of the menu height:

COPY CODE

.navbar-header, .kleo-main-header .navbar-collapse > ul > li > a, .header-banner {
    line-height: 26px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[karimun]

I had to remove .navbar-header from your code above as it was cutting off a part of the logo image. Works!

[eleven23solutions]

First is my first post, so apologies if I’m doing this wrong.
I too wanted to change the size of the logo (to 250px)
I used Abe’s code above but it also increased the size of the menu, so I removed all but the navbar header and it works, but unfortunately it doesn’t look good on the iPhone (6), my menu has disappeared and the header looks left aligned.
My site is http://www.shcsocialmedia.co.uk

Many Thanks

[Abe]

hi @eleven23solutions
Since kleo 2.3 you can set a header height and upload your desired logo and play with them how you like. See Theme options – Header

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts