Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #907864

    Hi Support,
    I have an issue with the display of Mega Menu in Chrome.
    I’d like the text to align to images like this:
    Firefox - OK

    but it displays that way:
    Chrom display

    here is my css:
    /*mega menu*/
    .mm {display:table!important;margin:15px 5px;min-width:150px;min-height:80px;text-align:left;z-index:above}
    .mm a {line-height:1.3!important;text-decoration:none!important; padding-left:0px!important;width: 110px !important;}
    .mm img,.mm a {vertical-align: middle; display:table-cell!important;position: relative;}
    .mm img{height:30px;min-width:30px!important}
    #header .mega_menu_title {font-family:’Tangerine’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif!important;color:#cb9d1d!important;font-size:30px!important;font-weight:normal!important}
    @media only screen and (max-width: 1000px) {#header .avia_mega_div {display:none!important}}

    #907948

    Hey imagevo,

    Best regards,
    Victoria

    #909747

    Thank you Victoria for this information!
    I sorted it out using align-top and reducing div height

    #909975

    Hi,

    Happy we could help.
    Thank you for updating us.

    Best regards,
    Basilis

    #1059106

    Dear Victory – sometimes questions from other users can also be a help for other participants. So please make the helpful answers public.

    if i do not find a solution – i will open a new topic – because on my Enfold 4.5.3 i got an issue that on Chrome only the mega menu is to small:
    see here : https://webers-testseite.de Menu-Point is: Testpages

    Aha after clearing cache on firefox – it is there too.

    • This reply was modified 5 years, 10 months ago by Guenni007.
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.