[Resolved] Add more than one image in menu bar using custom links

Home Forums Support [Resolved] Add more than one image in menu bar using custom links

Home Forums Support Add more than one image in menu bar using custom links

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #400500
    Rachael

    Hi, I’ve added an image in this nav bar using custom links. This works, but it puts the 2nd, 3rd, 4th etc image underneath the first image. Does anyone know how to get them to appear all on one line within the nav menu? http://www.shakeitupcreative.com/dev/kksiucdev/ Thanks.

    #400692
    Leo
    Staff
    Customer Support

    Hi there,

    Should be easier to use this method: https://docs.generatepress.com/article/adding-icons-to-menu-items/

    #400721
    Rachael

    Thanks for your reply. That is what I have done. But it pushes the icons below the Facebook one. I need them to be on the same line.

    #400730
    Leo
    Staff
    Customer Support

    Looks like you are using images. Might be best to use the built in FontAwesome icon like the article suggested.

    Otherwise maybe try a plugin like this? https://wordpress.org/plugins/menu-image/

    #400735
    Rachael

    My client wants to use their own icon images. I guess it’s not possible.

    #400755
    Leo
    Staff
    Customer Support

    Not directly I don’t think.

    This article provides few options: http://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/

    #400764
    Rachael

    Thank you very much Leo. With the FontAwesome, is there a way to choose the icons? Perhaps there are some in a white circle with the icon ‘knocked out’. Or make them bigger at least?

    #400768
    Leo
    Staff
    Customer Support

    Something like this might help: http://fontawesome.io/examples/

    Or we can use CSS to increase the font size of those icon menu items. Let me know if you need help with this 🙂

    #400799
    Rachael

    Leo, that’s really helpful. I managed to set them in the menu as fontawsome icons then assigned them each to a class, made them transparent and put a background image in for each. Thanks for your help!

    #400953
    Leo
    Staff
    Customer Support

    No problem!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.