Archived topic
Add more than one image in menu bar using custom links
9 replies · Started by Rachael on October 10, 2017
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.
Hi there,
Should be easier to use this method: https://docs.generatepress.com/article/adding-icons-to-menu-items/
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.
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/
My client wants to use their own icon images. I guess it's not possible.
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/
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?
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 :)
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!
No problem!
