Large logo

[Bricep]

Hello

We tried to set a logo (1200px*177px) in the header + a menu of 50 px height, but we have an issue :

– as the Main menu height set up the logo AND the menu height, how can we do that ?

Site width : 1200px /boxed

We want the logo to be fullwidth in the header.

Thanks a lot for your help!

 

[Radu]

Hi,

Add this css to your wp-admin -> theme options -> general settings -> quick CSS

COPY CODE

#header .kleo-main-header .container {
    padding: 0;
    margin: 0;
}

And regarding the menu height you can adjust the height from wp-admin -> theme options -> header options -> Main Menu Height*

Cheers

Radu

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

What support service includes ? What not ?

[Bricep]

Hi Radu,

Thanks for your quick answer !
The issue is not really the padding, but the height of this container. If I set up the main menu height at 50px,the logo will be reduced (because its container will be also at 50px).
See the screenshot.

I added your css and (thank you!), it fixed an issue under firefox and safari. Unfortunately, now the issue is under Chrome… When the size of the screen is under 1440px, the logo is not fullwidth anymore.

So for the moment on the site, the Main menu height is 50 px and I added this to the css (in order to have a big logo)
@media (min-width: 1000px){.navbar-header{line-height: 177px!important;
height: 177px!important;}}

But I don’t know if it is OK, as I encountered some issue in responsive. What is the best practice to manage the size of the logo and the size of the menu separately?

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Please add this css

COPY CODE

#header .container {
    max-width: 1440px;
}

Let me know

Cheers

Radu

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

What support service includes ? What not ?

[Author]

Posts