Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 15, 2018 at 2:17 pm #942204
    4K-DATA

    Hi there,
    I Just started with Enfold, after some year away from WordPress. And try to read here before asking.
    Now running Chrome and Missing Firebug from the old days :) Well that said.. my questions are..

    1. CSS Code for reducing this space Link to image:
    Mega menu space between menu

    So far I added this code in Quick CSS 

    #top .header_color .main_menu .menu ul li>a:hover {
    color: #272727;
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }
.avia_mega_div .avia-bullet { margin-top: 8px; }
#top #header .avia_mega_div > .sub-menu { padding: 8px 22px 8px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 13px; }
#top #header .mega_menu_title a { font-size: 12px; }
#top .av-main-nav ul a {
    padding: 0px 15px !important;
    line-height: 13px;
}

    Just one more real newbie question. Megamenu, I try make one more row
    beside the existing on picture, but when I add one more its below, not to the
    right, I cant see why. Any help apreciated, as in free beer :)
    Best regards Kim

    April 15, 2018 at 4:52 pm #942240
    4K-DATA

    I tried make a new mega menu and the columns seem
    okay now, but still vertical space between menus is to
    high. Regards Kim

    April 15, 2018 at 8:11 pm #942275
    4K-DATA

    My question solved

    #top #header .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 0;
}
    April 16, 2018 at 4:08 am #942396
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 17, 2018 at 8:47 pm #943246
    4K-DATA

    Yes you can close the topic, thanks.
    I pulled different small css pieces from the forum here, still I like some
    changes to mega menu, like a slight transparency?

    So far my ccs in enfold-child
    menu: hardware software
    https://4k-data.dk/

    #top #header .avia_mega_div > .sub-menu > li > ul > li a:hover {
    background: black;
}
#header .mega_menu_title {
  font-size: 13px !important;
}
#top #header .avia_mega_div > .sub-menu > li > ul > li a { padding-top: 0; }
.avia_mega_div .avia-bullet { margin-top: 8px; }
#top #header .avia_mega_div > .sub-menu { padding: 8px 22px 8px; }
#top #header .mega_menu_title a {
font-size: 12px; }
#top #header .avia_mega_div > .sub-menu > li > ul > li a { font-size: 12px; }
#top #header .mega_menu_title a { font-size: 12px; }
#top .av-main-nav ul a {
    padding: 0px 15px !important;
    line-height: 13px;
}
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 0;
}
.avia_mega_div.avia_mega3.nine.units {
    width: 600px !important;
}
    April 19, 2018 at 11:18 am #944037
    Ismael

    Hi,

    Thank you for the update. For the transparency, you can use this css code.

    .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
    background-color: rgba(255,255,255,0.5);
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.