-
AuthorPosts
-
March 28, 2022 at 11:31 am #1346287
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
March 28, 2022 at 1:19 pm #1346296Hey 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,
IsmaelMarch 28, 2022 at 3:26 pm #1346316Hi 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,
SabineMarch 28, 2022 at 6:13 pm #1346330Hi Sabine,
Could you post a link to where we can see the results you are getting please?
Best regards,
RikardMarch 28, 2022 at 8:39 pm #1346348Hi Rikard,
I put the link in the private content and I deleted the code from Ismael from the customizer.
Thank you, Sabine
March 29, 2022 at 6:22 am #1346384Hi 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,
NikkoMarch 29, 2022 at 9:48 am #1346405Hi Nikko,
thank you so much for your help – it works wonderful – so great.
Have a nice day and greetings from Germany.
Best regards
SabineMarch 29, 2022 at 12:08 pm #1346421Hi Sabine,
We’re glad that we could help :)
Thanks as well for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘very small header’ is closed to new replies.
