To Replace Navigation Text to Icon in WordPress

by Bhumi //Mar 8,2013 // No comment

To Replace Navigation Text to Icon in Wordpress
Share This:Share on FacebookShare on LinkedInTweet about this on TwitterShare on Google+Share on RedditBuffer this pageDigg thisEmail this to someoneFlattr the authorShare on StumbleUponShare on TumblrPin on Pinterest

WordPress is most popular blogging platform and now a days, most of the websites uses icons instead only text for navigations.

To use menu icons instead of text in the wordpress is somewhat tricky because to display an icon image, instead of 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 navigation in wordpress.Thank you for reading, good luck and let me know if you run in to 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.


Allow External domain in WordPress

Share This: Hello All, Happy New Year .In this quick article we will see how to allow external url/host in wordpress.Recently i was working with READ MORE

To get Last auto increment id in WordPress

Share This: In this quick article, we will see how to get last auto increment id from table in WordPress. Recently I was working on READ MORE

Cookie Free domain in WordPress

Share This: Nowadays,optimization of site is most important and it’s good idea to use cookie free domains for static content in WordPress.Static contents are like READ MORE

Disable Post Revisions in WordPress

Share This: As i have explained yesterday in post POST AUTOSAVE INTERVAL IN WORDPRESS,When you add/edit the post or pages, wordpress automatically save your content READ MORE

Post Autosave Interval in WordPress

Share This: While you write a post in WordPress from admin,WordPress autosave the post with in every interval using AJAX call as a revision.Default interval READ MORE

Leave a Reply

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

5 − one =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">