Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 8, 2013 at 12:47 am #22956
    rrdr

    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

    May 8, 2013 at 8:24 pm #118016
    Nick

    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

    May 10, 2013 at 1:24 pm #118017
    Devin

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

    Regards,

    Devin

    June 5, 2013 at 12:55 pm #118018
    Lubowski

    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.

    June 6, 2013 at 7:49 am #118019
    Ismael

    Hi,

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

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

    Regards,

    Ismael

    June 8, 2013 at 12:10 pm #118020
    Lubowski

    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!

    June 11, 2013 at 6:40 am #118021
    Dude

    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.

    June 17, 2013 at 9:28 am #118022
    Lubowski

    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

    June 19, 2013 at 3:29 am #118023
    Nick

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mega Menu dropdown alignment issue’ is closed to new replies.