The new mobile menu burger appears over the logo. It used to appear to the right of the logo. The header social icons also appear over the logo in landscape view instead of in the top bar like they used to. They’re not visible at all in portrait view.
https://www.lottaveg.com/wp-content/uploads/2017/07/Mobile.png
https://www.lottaveg.com/wp-content/uploads/2017/07/Mobile-LS.png
https://www.lottaveg.com/wp-content/uploads/2017/07/Mobile-Overlay.png
This is broken on all of my client websites. How can I get this fixed asap?
Hey jstonestreet,
Can you try to revert it back to 4.0.7? then do the update on a staging site.
Best regards,
Nikko
This doesn’t solve the issue. And it would take too long to revert all of my client sites back to 4.0.7. Then upgrade them again once this bug is fixed. I would rather fix the bug than rollback.
Hi jstonestreet,
Looks good now. On mobile as well. It looked like that with old values from dynamic_avia and cache.
Just reduce the logo size a bit:
@media only screen and (max-width: 450px) {
.responsive .logo img {
width: 80%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks. It was an issue with centering the main nav. The new mobile nav is inside the old main_menu class so the css to center the main menu was also affecting the new burger menu. It’s odd that it forced the new burger menu to overlap the logo instead of wrapping it to a new line or pushing it off the right side of the screen, but it’s fixed now. I added media detection and remove the menu centering css on mobile.