Strange character in mega menu

what exactly do you mean by “strange characters” ?
these are indicators that there is an unordered list – just “bullet points”

if you do not like to have them – just set them to display:none

.avia_mega_div .avia-bullet {
    display: none;
}

and if you do not like to have the list points with offset to the left:

#top #header .avia_mega_div > .sub-menu > li > ul > li a {
  padding: 3px 12px 3px 0px;
}

yes – as far as i can see –
or do you mean those signs on the first column – did you try to insert on menu label an image ( maybe gif )

________________
if you like to have a little extra :

#top #header .avia_mega_div > .sub-menu > li > ul > li a:hover .avia-menu-text {
    padding-left: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: white;
}

#top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

• This reply was modified 4 years ago by Guenni007.