Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #166670

    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:

    EDIT: By the way, I’ve removed all of my custom CSS and the problem is still there.

    • This topic was modified 7 years, 7 months ago by  DavyE.

    Hello DavyE!

    Someone reported a logo problem with 2.2 ( ) and I fixed the issue with an updated avia.js file (you can download it here: ). Replace the entire code in enfold/js/avia.js with the code from the github gist and check if this solves your problem.



    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:




    Obviously ignoring its item width. I’m now waiting to go live for this, so hopefully there’s a fix.



    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.



    Yes you can:

    I do use the small fixed header, though.



    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,


    Worked! Added \9 though, and will change it for the search so that isn’t too wide.

    Thank you, Peter.



    Glad it worked. :)

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Main menu in IE8 broken since v2.2’ is closed to new replies.