How to Set Icon on Nav in WordPress

How to Set Icon on Nav in WordPress

Word press helps us to build our website without adding any code the way that we want. So by the help of WordPress we can easily build our websites without to know about code or something else. In WordPress we can find many plugins by different persons and companies which help us to have different features in our website. There are some plugins which are not free, we have to pay for that if we want to use that plugin. But there are many plugins that are totally free and very useful too.How to Set Icon on Nav in WordPress.

How to Set Icon on Nav in WordPress

Today I am going to introduce you with a plugin that helps you to set icon on your navigation bar in your WordPress website. Navigation bar without icons is somehow boring and not interested. So if we do not have a cool and beautiful website then in that case we are going to have few subscribers and visitors. Because those who are coming to visit our website first they will see the decoration of our website then they are going to subscribe or read any article of our website.

Problems That I Faced

Whenever I faced any problem regarding to the electronic things so I will do my best to solve that problem. After the solve of that problem easily I write about solving of the same problem that I faced. Because I think there might be some more persons who are or who will face this problem. So I do not want that anyone else should be helpless like me as I was. The same I faced many problems when I build my website in WordPress, one of that problem was, how to set icon on navigation bar in my WordPress website. That is why today I have made this guidance for you.

How to Set Icon on Nav in WordPress

1:- First go to dashboard and drag your mouse in left side on plugins option and then click on Add New

How to Set Icon on Nav in WordPress

2:- Click in the search bar and write WP SVG icons then enter.

How to Set Icon on Nav in WordPress

3:- You will find a plugin as below click on install button and after installation completed active that plugin.

How to Set Icon on Nav in WordPress

4:- Now open a new tab in your browser and write fontawesome.com.

How to Set Icon on Nav in WordPress

5:- There will be a page like below. Click on Icons option.

How to Set Icon on Nav in WordPress

6:- In the search bar write the name of icon that you want to set. I just typed home, then click on the icon that you want.

How to Set Icon on Nav in WordPress

7:- Top of the page you will find a code of that icon. Click on that code it will automatically copy that.

How to Set Icon on Nav in WordPress

8:- Go back to dashboard and drag your mouse on Appearance and select the Menus option.

How to Set Icon on Nav in WordPress

9:- in the Navigation Label there is the name of the menu categories, so before that name paste the code and save menu. There should be a space between icon code and category name.

How to Set Icon on Nav in WordPress

10:- You can also set icons on your pages. Click on the arrow button to drop down the options.

How to Set Icon on Nav in WordPress

11:- Select the Main Menu (Footer Topbar) option then click on select button.

How to Set Icon on Nav in WordPress

12:- Now again go to the same page (fontawesome) and select the icon you want to set beside your page name.

How to Set Icon on Nav in WordPress

13:- Copy the code of that icon.

How to Set Icon on Nav in WordPress

14:- Paste the code before the page name and save the menu.

How to Set Icon on Nav in WordPress

15:- Like this you can set icons in the every option of your navigation bar menu.

How to Set Icon on Nav in WordPress

16:- You can also set icons in your main menu pages.

How to Set Icon on Nav in WordPress

Note: You can use this code in everywhere you want by pasting that code, even in your posts.

This was how you can set icons on your navigation bar menu in your WordPress website. If you got any problem regarding to this article inform me in the comment box. You can also mention your any problem regarding to the installation or download of any software, app…… I will solve it as soon as possible. I hope you will not be regret by wasting your time here.

Related: Top Best Apps For Android

Suggested: How to Install WhatsApp On PC and Mac

Suggested: Amazing benefits of lemon juice for skin

You may also like...

Leave a Reply

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