This topic has 3 replies, 2 voices, and was last updated 8 years by 
-
-
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!
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 solutionHi 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?
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
The forum ‘Bugs & Issues’ is closed to new topics and replies.
