Archived topic
Navigation "My Account" icon not showing + Styling question
1 reply · Started by Adrien on July 2, 2020
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
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
}