Add icon to title of a Menu module

aurelia01

I am trying to add a small icon into the title of a Menu module that I have created. I found a previous post where you showed how to do this which I have followed but it does not seem to work in my instance. What I did was:
Added this to custom.css:
.t3-module.extraIcon .module-title span:before {
content: "\f073";
font-family: FontAwesome;
padding-right: 0.5em;
}

Then I added " extraIcon" to the Module Class Suffix (the space is there) in the Advanced of the module

Please let me know where I have gone wrong with this.

Thank you
Helen

Ninja

aurelia01
Hi
The Icon are supported in the Mega Menu by default in T3.
About the custom style, you can share the URL here and let me know with screenshot how you want it.
With above code it will work for module title.

aurelia01

Hi Pankaj - Thank you for coming back to me. I have attached 2 screen shots. 01.jpg shows 2 modules that have titles Features and Use Cases.They are menu modules placed in the Sidebar of Template JA Mono. I would like them to have small icons to match the menu that I have in position Offcanvas as seen in 02.jpg.

Postion Offcanvas and position sidebar do not seem to have the same properties so I need to manipulate the module title to look the same as the other menus in Offcanvas.

Regards
Helen

Ninja

aurelia01
Hi
Sorry this is off canvas sidebar and the icon are not supported for menu module. It's only support Megamenu view.

aurelia01

Ok, thanks.