Mega Menu main top level link bullet indicator

[Buysmartuk]

Hi guys,

Looking to give some indication that the main top level link on a menu has mega menu options. What is the best way to do this with Atelier?

I am not keen on an icon to the left. I also don’t want to have to just use a + on the end of the anchor term. Is there a way to perhaps attach a down pointer to the right of the anchor?

Thanks!

[Buysmartuk]

I have actually managed to do this by lifting some of the code on the downward arrow icon for the shopping basket and applied some custom CSS.

.sf-mega-menu .menu-item-text{
    padding-right:16px;
    position:relative;
}
.sf-mega-menu .menu-item-text:after{
    content: "\e60d";
    font-family: 'atelier';
    position: absolute;
    top:22%;
    right: 0px;
    height: 15px;
    line-height: 15px;
    font-size: 12px;
}

It might not be the best way but open to suggestions if anyone can improve it.

Many thanks!

[David Martin – Support]

Hi,

That is a perfectly fine way to do it also.

Thanks.