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:
but it displays that way:
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}}
Hey imagevo,
Best regards,
Victoria
Thank you Victoria for this information!
I sorted it out using align-top and reducing div height
Hi,
Happy we could help.
Thank you for updating us.
Best regards,
Basilis
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.