![[cXF] Icons in Visitor menu](/data/resource_icons/19/19739.jpg?1720149334){kind=icon}
- XF Compatibility
- 2.2.x
- 2.3.x
- Short Description
- Add custom icons to XF2.x Visitor menu via extra.less. Customize padding and apply specific icon styles based on href values. Use .m-faBase('Brands') for brand-specific icons like PayPal. Adjust as needed with route filters.
Would you like to have icons in Visitor menu like this?
Add this to your extra.less template:
For XF2.3
Add this to your extra.less template:
For XF2.3
CSS:
/* Icons in Visitor menu */
.menu-content.js-visitorMenuBody...
You do not have permission to view the full content of this resource.
Log in or register now.
![[Roi] ALTACHA CAPTCHA](/data/resource_icons/26/26590.jpg?1763226904){kind=icon}
![[cXF] Coloured Node Icons](/data/resource_icons/19/19740.jpg?1720149334){kind=icon}
![[cXF] Highlight new menu item](/data/resource_icons/19/19737.jpg?1712116166){kind=icon}
![[cXF] Icons in sidenav on Account page](/data/resource_icons/19/19736.jpg?1720149334){kind=icon}