WordPress For Non-Techies

How to Add Image Icons With Navigation Menus in WordPress

Rate this post

WordPress menus do not normally have icons in the navigation area. There is a plugin that will allow you to be able to do this. In this video, we will show you how to add image icons with navigation menus in WordPress.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:

Check us out on Facebook:

Follow us on Twitter:

Join our circle on Google+:

Checkout our website for more WordPress Tutorials

Summary of this Tutorial:

Start by installing and activating the Menu Image plugin.

Go to Appearance, Menus to configure.

Click set image to upload a image to the navigation menu, it will create 3 image sizes.

24X24, 36X36, and 48X48 and one should look best for your theme.

You can also use CSS classes under screen options on the menu page.

Scroll down and add a meaningful css class.

You also need to add the css in the child theme’s stylesheet for every image.

Related Links:

Menu Image



Mazi has nine years of web development experience with the past five years spent honing his skills with WordPress plugins and themes. He's an expert in WooCommerce and is the author of the Simple Sales Tax plugin, a popular sales tax compliance solution for WooCommerce. Brett understands the importance of excellent communication, prides himself on producing high-quality code, and is comfortable working solo or as part of a team.

Leave a Reply

Your email address will not be published.

Back to top button