How to add an icon next to menu item in navigation ?

Firstly, turn on view for CSS classes: “Screen options – CSS classes”.

Next, add CSS class to menu item by Editing menu items in Customiser.

And add custom CSS by defining your icon source and position. Probably the best way is to make original size icon for menu. You can also make transparent icon and make it’s custom position right on image, by this way you do not need to position icon image with CSS.

.menuicon {

background-image: url(‘http://www.example.com/wp-content/uploads/2017/07/home.png’);

background-repeat: no-repeat;
padding-left: 5px
background-position: left;

}

Advertisements
How to add an icon next to menu item in navigation ?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s