This topic contains 37 replies, has 4 voices, and was last updated by Tom 4 months ago.
July 5, 2018 at 8:49 am #616269
Hi David, thanks for getting back. So I pretty much have just used the “Custom Links” option in the menu setting section, and adding the icon HTML (from here: https://fontawesome.com/icons?from=io) in the Navigation Label field, as the instructions say to do here: https://docs.generatepress.com/article/adding-icons-to-menu-items/ I don’t have the Better Font Awesome Plugin, so I’m not sure how it could be grabbing from there? I also have all of my plugins disabled aside from GP Premium and BeaverBuilder. Is it best to change the menus through BeaverBuilder or should I just do as I am and to menu settings, Custom Link, and add from there?
Thanks!July 5, 2018 at 11:59 am #616471
David Customer Support
You custom menu icons are FontAwesome 5. It works on the home page because of the BeaverBuilder section containing to the two social media icons. Because of them being there BB calls for FontAwesome 5.
If you were to add that section to other pages then the menu icons should work. So this would be the easiest route to fix the problem.
If you’re not going to use BeaverBuilder icons elsewhere then we would need to enqueue the FA5 library on other pages.
Let me knowJuly 5, 2018 at 12:21 pm #616508
Hi David, for some reason I’m not able to actually change the content of any of my menus with BB, I’m able to change the settings of those menus (alignments, etc) but not the content itself. Any changes I’ve made to the menu have been under Appearance > Menus > etc. This may very well be a case of user error here, since this is my first time using BB. Now I can change elements of the Header when I’m in Customize mode, but I haven’t done that thus far. Is this the way to achieve that?
Pretty much I just want a Facebook, LinkedIn, and Home icon in my menus, I’m not particularly attached to Font Awesome I just sort of assumed that was the easiest/best icon type to use. I’m open to any suggestions really!July 5, 2018 at 2:40 pm #616638
David Customer Support
apologies for the run and around, i took some advice and it seems there is a bug related to BeaverBuilder and FontAwesome5. The fix is to use FA 4 instead. This document shows how to do this:
And you can use FA icons listed here:July 6, 2018 at 8:39 am #617398
I see, so I can’t have both 4 and 5 selected at the same time. It looks like I have all of the 5 options selected (no 4) and am using FA5 icons in the menus currently. The menu shows up on all pages except Our Story for some reason, so I’m guessing it’s something specific to that page. Is this what you would recommend (all the 5s selected and using FA5) or do you think I’ll have better luck with 4? Thank you so much this is really great!July 6, 2018 at 8:43 am #617402
David Customer SupportJuly 6, 2018 at 10:51 am #617497
It’s interesting, when I enable 4 and use the FA 4.7 icon html I’m back to squares or the icons not showing at all, only the home icon seems to work, the social ones don’t show up now?July 6, 2018 at 11:01 am #617502
David Customer Support
Looking at the site those missing icons are still calling the FA 5 CSS – the Icons lower down the page are also FA 5 and display correctly which says that FA 5 is still enabled – can you confirm?July 6, 2018 at 11:09 am #617507
Here are the tags that I used for the social icons:
<i class=”fa fa-facebook” aria-hidden=”true”></i>
<i class=”fa fa-linkedin” aria-hidden=”true”></i>
I searched for them here (https://fontawesome.com/v4.7.0/icons/) and copied directly over.
Sorry I feel like this should be simple but it just doesn’t want to work for me!July 6, 2018 at 11:17 am #617509
David Customer SupportJuly 6, 2018 at 11:19 am #617512
Yep! So currently I only have one option selected, “Font Awesome 4” under BB icon settingsJuly 6, 2018 at 11:22 am #617515
Also strange – when I’m in the BeaverBuilder editor I can see the icons just fine but when I exit BB mode they disappear?July 6, 2018 at 7:52 pm #617707
Tom Lead Developer
I’m still seeing Font Awesome 5 on your site?
Can you try adding this function as well?: https://docs.generatepress.com/article/font-awesome/#font-awesome-5
Let me know 🙂July 9, 2018 at 10:06 am #619494
Hi Tom! Apologies, I went ahead and set it up with FA5 again since those ones worked at least *some* of the time vs not at all with FA4 (we’re getting close to launch so I wanted to have something there for the time being!)
Two questions for this function as I am very (very!) new to this, first: where exactly do I put this? Second: will this work with FA5, so I can leave all settings as is and add this function, or should I toggle back to FA4?
Thank you!July 9, 2018 at 2:51 pm #619686
Leo Customer Support
Then snippet can be added using one of these methods:
Code Snippets is the easiest if you aren’t using a child theme.
FA5 should work after that 🙂
You must be logged in to reply to this topic.