Tagged: center logo, menu, mobile, responsive
Hi there!
I used a code to center the logo in the menu and make the “donate” button in the menu stand out by being a separate color but I’m having a hard time with the menu staying stable when I change screen sizes, before the mobile menu is activated. The end tale of the menu keeps jumping below the beginning half of the menu when the screen is smaller. Please advise.
Hey EL,
Thank you for the inquiry.
You might have forgotten to include the site URL in your last reply. Please include the info in the private field so that we can check the issue. A screenshot using imgur or dropbox will also help.
Best regards,
Ismael
Thank you for responding. I have attached it privately. The site isn’t live yet but I provided credentials as well. Thank you!
Hi,
Thanks for contacting us!
Please refer to this post – https://kriesi.at/documentation/enfold/menu/#toggle-id-87 and switch to mobile menu on screens sizes smaller than 1305px
/* Activate burger menu */
@media only screen and (max-width: 1305px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}
Regards,
Yigit