Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 5, 2014 at 1:20 pm #346482
    joanne

    Since the newest update (3.0.2), the mega menu does not look right. The text is not showing next to the ‘bullets’, it is showing the menu item text under the bullet.
    Screenshot: mega menu doesn't look right

    Also, I had to temporarily remove a lot of menu items because they were off the page. Before, that wasn’t a problem because the text was next to the bullets.
    Screenshot: menu items off-page

    Website:
    Mega menu is under: “Producten”

    November 5, 2014 at 10:25 pm #346796
    Elliott

    Hi gwyrrdin!

    Try using imgur, http://imgur.com/, to host your screenshots. Go ahead and send us a link and deactivate all plugins and we’ll take a look.

    Cheers!
    Elliott

    June 2, 2015 at 10:59 am #453060
    joanne

    I’m sorry it’s taken so long to reply. We are still experiencing issues with the mega menu. Here is a screenshot: http://imgur.com/UC796B2

    It seems to be a problem in conjunction with the custom css. The customisation is to have a narrow header and to not have it shrink as you scroll down. If I remove this CSS code, the menu works fine. 

    .html_header_top.html_header_sticky #main {
   padding-top: 59px !important;
}
/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:58px !important; line-height: 58px !important; }

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 58px !important; line-height: 58px !important; }

/*header with social icons and bottom nav */
.bottom_nav_header.social_header #header_main .container{height: 58px !important; line-height: 58px !important;}

.fixed_header #main {
padding-top: 58px;
}

    website: http://www.bntonderwijs.nl

    June 3, 2015 at 12:43 pm #453706
    Andy

    Hey!

    try to add this code:

    span.avia-bullet {
position: relative;
top: 30px !important;
left: -10px !important;
}

    Best regards,
    Andy

    June 3, 2015 at 1:28 pm #453726
    joanne

    Thank you Andy! This did help with getting the bullets next to the text, but it is still very spaced out for some reason.

    What it is now: http://imgur.com/g2Wd6Ah

    What I would like it to look like, but with a narrow header (this is what it looks like when I delete all of the custom CSS): http://imgur.com/svMQZ4j

    June 4, 2015 at 3:18 pm #454506
    Andy

    Hi!

    try with this: 

    #top #header .avia_mega_div > .sub-menu > li > ul > li a {
position: relative;
top: -37px;
margin-bottom: -3px;
margin-top: -3px;
}

    and adjust as needed.

    Regards,
    Andy

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