-
Posts
-
Hello!
Like you see on the screenshot link, my heater menu are not centered. I tried to find an option but was not able to find the right setting/ custom css.
Can you please help?
https://configurasverige-my.sharepoint.com/:i:/g/personal/andreas_lippmann_configura_com/EaqoWKfNPrhPrEm3p0Tuo40BAM7fAJiUfIxTLLQvKfFGoQ?e=61iaFpHey alliansohog,
Thank you for the inquiry.
You can add this css code to align the menu container at the center of the header.
.av-main-nav-wrap ul { display: flex; justify-content: center; }Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelHello!
The css code above did not the trick, instead i get a flat submenu (please see link to screenshot) https://configurasverige-my.sharepoint.com/:i:/g/personal/andreas_lippmann_configura_com/EalC1ogqnUZLpTELrkMPSsIBSKLaMVnr6-oTmGKud1iJJA?e=Q8JyLUHi alliansohog,
Can you try adding this CSS code:
.html_header_top #top .av_logo_right .logo { display: none; } .html_header_top #top #header_main .inner-container { text-align: center; } .html_header_top #top #header_main .main_menu { position: static; display: inline-block; }Hope it helps.
Best regards,
NikkoThanks! Your css-code worked.
Could you please also help me to make an exemption when it switch to burger menu?
I tried to: @media only screen and (min-width: 800px) {…}
but it didn’t worked.
This code add also an extra space to the header:
https://configurasverige-my.sharepoint.com/:i:/g/personal/andreas_lippmann_configura_com/EeuvraCKXEtOouuQf4GlvU8BXjO7oataxFGKTO1KsLR7Vw?e=oeeKao
- The topic ‘Help to center the main menu’ is closed to new replies.