Back to Top

How to Add Icons With Navigation Menus in WordPress

To Replace Navigation Text to Icon in Wordpress

WordPress is most popular blogging platform and nowadays, most of the websites uses icons instead only text for navigations.Here is the article to add icons with Navigation Menus in WordPress.

To use menu icons instead of text in the WordPress is somewhat tricky because to display an icon image, instead of the just plain caption is requires playing with a little bit of CSS. Reason to use navigation is we want to manage URL from admin panel of any icons.

For example, you want icon instead of text for a “Home” menu. you want social media icons in navigation bar rather than text.

So In this article, you’ll show how to do this in a few easy steps.

First of all, Open the WordPress admin panel then Go to the Menu and add class for a menu from admin panel see in below screen

Now, place the below line of code in a created class with background image you want to display instead of text.

That’s it. Now you are ready to use icon instead of text using the navigation in WordPress.Thank you for reading, good luck and let me know if you run into any problems & I’ll help as much as I can 🙂

Hope this post will helpful for you, waiting for your responses.Thanks for reading and feel free to share your thoughts! Don’t Forget to Follow us on Twitter or Subscribe us to Get the Latest Updates.

Share:
Share on Facebook0

Share on LinkedIn0Tweet about this on TwitterShare on Google+0Buffer this pageDigg thisShare on Reddit0

Leave a Reply

Your email address will not be published. Required fields are marked *

Most Popular Posts

How to use an external URL in WordPress?

Posted on 3 years ago

Bhumi

Newly Approved Joomla Module

Posted on 4 years ago

Bhumi

How to use HTML5 ContentEditable attribute

Posted on 2 years ago

Bhumi

How to get Last Post in WordPress

Posted on 4 years ago

Bhumi

How to use JavaScript Promise API?

Updated 17 years ago

Bhumi

What are Lambdas and Closures in PHP?

Updated 17 years ago

Bhumi

An Introduction to Gulp JS

Updated 1 month ago

Bhumi

The Reader’s Poll – June 2015

Posted on 2 years ago

Bhumi

The Reader’s Poll – August 2014

Posted on 3 years ago

Bhumi

The Reader’s Poll – June 2014

Posted on 3 years ago

Bhumi

The Readers’ Poll – May 2014

Posted on 3 years ago

Bhumi

The Readers’ Poll – August 2013

Posted on 4 years ago

Bhumi