[Resolved] Navigation “My Account” icon not showing + Styling question

Home Forums Support Navigation “My Account” icon not showing + Styling question

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1350138
    adriendemonta

    Hello Generatepress Team,

    I have a hard time to find the solutions for these 2 issues on my store:

    1/ I have inserted <i class=”fa fa-user”></i> into my nav menu. However, the icon only shows on the homepage and vanishes on all the other pages. How can I make the icon always visible?

    2/ If you see the styling at the moment, (a) the icon is underlined when we hover, and (b) it looks smaller than the other icons. Last (c) I would like to set a reduced but identical spacing between every 3 icons on the right nav. At the moment these 3 icons occupy too much space.

    Can you help me removing the hover underline of the icon, adjust its size and spacing the 3 icons on my nav menu?

    It would be so cool if you could spear some time to guide me so that I can make this icon look great on my store.

    Thank you very much. Best adrien

    #1350429
    David
    Staff
    Customer Support

    Hi there,

    GP doesn’t load FontAwesome so another plugin must be, and its only loading it on pages the plugin is being used.

    This doc explains adding it to the entire site:

    https://docs.generatepress.com/article/font-awesome/

    Give your menu item a class of no-underline

    https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

    and add this CSS:

    .main-navigation .menu>.current-menu-item.no-underline:hover>a:before,
    .main-navigation .menu>.menu-item.no-underline:hover>a:before {
        width: 0 !important
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.