Hi,
is it possible to make the header smaller than 45px? My client wishes to see only the menu in the header and it should be as small as possible.
Thank you for answering.
Best regards, Sabine
Hey Sabine,
Thank you for the inquiry.
You can use this css code to adjust the height of the header and of the main menu container.
.av_minimal_header #header_main .container, #header_main .main_menu ul:first-child > li a {
height: 45px;
line-height: 45px;
}
You may also need to adjust the top padding of the main container if you the sticky header option is enabled. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
Ismael
Hi Ismael,
I am sorry, but the header does not reduce in size. I have a fixed header and I also disabled the file compression, but unfortunately the height of the header does not change at all.
Best regards,
Sabine
Hi Sabine,
Could you post a link to where we can see the results you are getting please?
Best regards,
Rikard
Hi Rikard,
I put the link in the private content and I deleted the code from Ismael from the customizer.
Thank you, Sabine
Hi Sabine,
Thanks for giving us admin access.
I have added this CSS code in Quick CSS:
#top #header .av-logo-container {
display: none;
}
#top #header #header_main_alternate li a {
top: 0;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 45px !important;
}
Please review your site.
Best regards,
Nikko
Hi Nikko,
thank you so much for your help – it works wonderful – so great.
Have a nice day and greetings from Germany.
Best regards
Sabine
Hi Sabine,
We’re glad that we could help :)
Thanks as well for using Enfold and have a great day!
Best regards,
Nikko