Header navigation - navi label vs icon

Home › Forums › Gillion Theme › Header navigation – navi label vs icon

Home › Forums › Gillion Theme › Header navigation – navi label vs icon

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    RESOLVED Posts

  • js
    Participant

    Hi,

     

    Is it possible to change header navigation labels into icons?

     

    Best regards,

    Jürgen

    Shufflehound Support
    Moderator

    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 team

    Attachments:
    You must be logged in to view attached files.

    js
    Participant

    Thank 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

    Shufflehound Support
    Moderator

    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?

    js
    Participant

    Understand.

    Shufflehound Support
    Moderator

    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;
}

    js
    Participant

    Good morning,

    Thank you. It’s basically working but no show of categories?

     

    Best regards,

    Jürgen

    Shufflehound Support
    Moderator

    I am not sure what do you mean by “but no show of categories” so please describe it a bit more in detail.

    js
    Participant

    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.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    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;
}

    js
    Participant

    Thank you. Now it’s working fine.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)