Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #184982

    Hi:

    I want to do some tunings to the megamenu.
    Inside the mega menu, there are:
    column element1 – column element2 – column element3 – column element4
    page element1 – page element1 – page element1 – page element1
    page element2 – page element2 – page element2 – page element2
    page element3 – …

    I want:
    1-) Column elements working like page elements when hovered.
    Column elements are underlined when hovered. I want to change it. I want column elements behaves like the page elements in the list. In the list, the elements shown a different background color. I want this hover behaviour for the column elements.
    2-) More space between the column elements and page elements (sublinks) in the list.
    W
    3-) More space between items of the list. I searched and tried this snippet
    #top .main_menu .menu li>a {
    height: 62px !important;
    }
    but itsn’t what I want because it also affects to the elements in the header nav (like in this page “home” to “support”). I tried with padding-top and margin-top. I want more space only for the item list, not for the header nav elements.

    Thanks and regards!

    #185967

    Hi victoriaeducacion!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top #header .mega_menu_title a:hover { text-decoration: none; background-color: #f8f8f8; }
    #top #header .mega_menu_title a { margin-bottom: 15px; }
    #top #header .avia_mega_div > .sub-menu > li > ul > li a { margin-bottom: 10px; }
    

    Best regards,
    Yigit

    #186094

    Fine, it works perfect.

    Thanks!!

    Regards!

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

The topic ‘Setting the megamenu’ is closed to new replies.