- This topic has 11 replies, 2 voices, and was last updated 6 years, 10 months ago by
.
Hi,
Is it possible to change header navigation labels into icons?
Best regards,
Jürgen
Hi Jürgen,
Thank you for your question.
You can achieve this using Unyson Mega Menu extension as shown in the attached screenshot.
Best regards,
Shufflehound teamThank you for the very fast response. But we misunderstood that adds an icon not replaces it for a navi label. Can I replace the navi label?
Best regards,
Jürgen
After adding the Icon we can hide navigation label developing custom CSS code.
For that please use the icon on your site and share me your site URL where it’s displaying so that i can help you to achieve it?
Understand.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header .sh-nav #menu-item-2867 a { font-size: 0; } .sh-header .sh-nav #menu-item-2867 a:before{ font-size: 15px; }Good morning,
Thank you. It’s basically working but no show of categories?
Best regards,
Jürgen
I am not sure what do you mean by “but no show of categories” so please describe it a bit more in detail.
Sorry. I ment the header drop down menu drops down as it should but shows not the (sub)categories. May be it’s just hidden as a matter of color but didn’t changed anything. Pls see the screenshot.
Solution for this topic
You can resolve this issue by replacing above shared CSS code with following CSS code.
.sh-header .sh-nav #menu-item-2867 > a { font-size: 0; } .sh-header .sh-nav #menu-item-2867 > a:before{ font-size: 15px; }Thank you. Now it’s working fine.
You are most welcome here 🙂
