Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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

    #118016

    Hi,

    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;
    }}

    Thanks,

    Nick

    #118017

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

    Regards,

    Devin

    #118018

    Hi,

    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!

    Lubo

    check my site of my account please.

    #118019

    Hi,

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

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

    Regards,

    Ismael

    #118020

    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.

    Thanks!

    #118021

    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.

    #118022

    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?

    thanks

    #118023

    Hi,

    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;
    }

    Thanks,

    Nick

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

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