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
  • 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 team

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

    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

    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.

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

    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 🙂

Viewing 12 posts - 1 through 12 (of 12 total)