If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #22956

    Please take a look at the site attached to my account, as you can see the mega menu drop down window appears to the right of the main menu heading. Or in other words, the submenu does not align properly to the main menu item. What setting can I change so the menu opens below the corresponding menu header.

    thank you



    If I understood you correctly, please add the code below to Quick CSS located in Enfold > Layout .. text area on the bottom of the page OR add it to the bottom of /css/custom.css

    @media only screen and (min-width: 1140px){
    #top .avia_mega_div.avia_mega3.nine.units {
    right: -662px !important;




    Hopefully that addresses the issue but if not be sure to let us know :)





    I have the same problem, but unfortunately this code didn’t fix it.

    I copied code to Quick CSS and CSS Stylesheet editor and didn’t work.

    please help, thank you!


    check my site of my account please.



    You can use this instead. Mega menus have different ids.

    .avia_mega_div.avia_mega2.six.units {
    right: -360px !important;




    Thanks Ismael it works!!

    I have just another issue with mega menu. Top margin of mega menu is not align, check my site.

    I wrote this code, but than top green border was under line like 2px and it looks even worst:

    .avia_mega_div.avia_mega2.six.units {

    right: -360px !important;

    margin-top: 0px !important;


    Sorry I’m beginner in CSS and I would like to help with this mega menu problems which I wasn’t expecting.



    I can’t reproduce this issue on my PC – the margins seem to work just fine. However you can try to change the dropdown position with:

    .main_menu .menu ul {
    top: 100%;

    Increase or decrease the percentage value to move the dropdown up or down.


    doesn’t work dude….

    there is another problem, the layout element appears right in all browsers instead of explorer, check this.. http://barcubes.com/herbs/#

    any solution for explorer?




    Please add this css to /css/custom.css OR to quick css:

    #top.page .avia_image.avia_animated_image {
    max-width: 193px;
    max-height: 193px;



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

The topic ‘Mega Menu dropdown alignment issue’ is closed to new replies.