I plan to go live with the website today, so it’s urgent! Just noticed my main menu is completely distorted since Enfold 2.2 update. It was fine up until 2.1, so what changed and how can I change it back, please?
See example: http://goo.gl/FUfbFV
EDIT: By the way, I’ve removed all of my custom CSS and the problem is still there.
Hello DavyE!
Someone reported a logo problem with 2.2 ( https://kriesi.at/support/topic/enfold-2-2-breaks-site-logo-image/ ) and I fixed the issue with an updated avia.js file (you can download it here: https://gist.github.com/InoPlugs/ff21a064c574fc154794 ). Replace the entire code in enfold/js/avia.js with the code from the github gist and check if this solves your problem.
Cheers!
Peter
Thanks for the reply, Peter. I had the same problem with the logo, so that did fix it for me, but the menu is still messed up.
The submenu (as seen in my screenshot) is ok now, but the main menu items are split into several lines, for some reason. For example, the first main menu item is called “WHO WE ARE”, so what IE8 does is:
WHO
WE
ARE
Obviously ignoring its item width. I’m now waiting to go live for this, so hopefully there’s a fix.
Hi!
I tested Enfold’s menu on IE8 and it looks fine. This is what I see:
Can you give us a link to the website? We need to inspect the menu.
Regards,
Ismael
Yes you can: http://goo.gl/ylt2c9
I do use the small fixed header, though.
Hi!
Please try to add following code into the quick css field and check if this makes any difference
#top .main_menu .menu>li>a {
min-width: 150px;
}
Best regards,
Peter
Worked! Added \9 though, and will change it for the search so that isn’t too wide.
Thank you, Peter.