Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Support request] Adding Icons to Menu Items (navigation bar)

Home Forums Support Adding Icons to Menu Items (navigation bar)

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

    Hi Guys:
    Im having a problem adding the fontawsome icons to link to my twitter and youtube channels that when I did it a week ago worked. Something now I must be doing wrong.
    I go to menu and custom links: then I put in my twitter home page url….then the fontawsome twitter code in LINK TEXT…then i ADD TO MENU… AND SAVE…(and refresh) NOTHING ON MY NAVIGATION BAR…
    i THEN PUT IN FLOAT RIGHT..still nothing?? (I assumed I was adding to my Navigation Bar to the right of my menu items….NO?
    thanks
    Howard

    #456920
    Tom
    Lead Developer
    Lead Developer

    Hi Howard,

    I’m not seeing any custom links in your current navigation. Are you sure you’re editing the menu set to your primary theme location?

    #457214
    Howard

    Hi Tom
    The only thing maybe … I’m doing wrong:
    “Are you sure you’re editing the menu set to your primary theme location?

    Please expand on this
    Howard

    #457236
    Howard

    NOPE…Im doing it right and nothing is working as i tried it again a few times
    Please send me email and Ill let you log in and find out what might be problem
    Appreciate it tganks
    Howard

    #457334
    Leo
    Staff
    Customer Support
    #457345
    Howard

    Hi Leo
    Indeed…my o my…its a bit tedious not being a coder. I had the general settings for GP2.0 fontawsome CHECKED AS YOU MENTIONED IN ANOTHER forum comment. It loads everything by default. So I unchecked the box.
    I will now add float right code and get it over to the other side..
    What is the EASIEST WAY to get a bit of different color to the icons…or even make them a bit larger on the navigation bar?
    thanks HOWARD

    #457394
    Howard

    PS The fontawsome icon is NOT SHOWING on mobile. I checked other forum articles but cant find an answer?
    Howard

    #457486
    Leo
    Staff
    Customer Support

    You can make it float right with this: https://docs.generatepress.com/article/adding-icons-to-menu-items/#floating-the-icon-to-the-right

    This method should allow you to change the background color or the icon color itself:
    https://docs.generatepress.com/article/adding-buttons-navigation/

    I just checked and the icons are showing on mobile as well. Try clearing your browser cache.

    #458095
    Howard

    Hi Leo:
    The icons are showing on MOBILE….However: It shows on mobile when I OPEN my MOBILE MENU. (at bottom of the categories and pages drop down on left ).

    I wanted the icons to show on the MENU NAVIGATION BAR, AS IT does on my DESKTOP SITE. How can I get the fontawsome icons to show on MOBILE MENU /NAVIGATION BAR IN mobile setting withut OPENING the menu tab?? Doesn’t make sense when you look at it on mobile??)
    Thanks
    Howard

    #458165
    Leo
    Staff
    Customer Support

    It made sense to me. I’ve seen all kinds of layout being implemented so it’s hard for me to tell whether something make sense or not.

    Thank you for the explanation.

    This should help: https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header

    #458194
    Howard

    Hi Leo
    What I meant to say about “making sense” was that it seemed strange to me that the icons were clearly visable on desktop and not on mobile.

    In any event.. I believe I’ll need snippets plugin for your link on adding php?
    Or can this be added to GP hook?

    add_action( ‘generate_inside_mobile_header’,’tu_mobile_header_html’ );
    function tu_mobile_header_html() { ?>

    Your mobile header HTML in here

    <?php }
    Thanks again
    Howard

    #458216
    Leo
    Staff
    Customer Support
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.