Marko Jaric
asked 9 years ago

Is it possible for me to add my own custom icons, and make them available to be added to the menu?

1 Answers
DominicStaff
answered 9 years ago

Hi,
At the moment, our theme use the DW Mega menu to add the icon for the menu items and it not support to custom icons and make them available to be added to the menu.
However, you can ddd images to Navigation Menus manually with CSS. First you need to upload your images to WordPress by visiting Media » Add New. After uploading each images, copy their URLs and paste them in a Text editor link Notepad.
Now head over to Appearance > Menu and click on the Screen Options button at the top right corner of the screen. On the screen options menu, check the box next to CSS classes.
See the screenshot: http://prntscr.com/8nw1hj

Next scroll down to click on any items in your current menu and you will notice a CSS class field. All you need to do is add a CSS class to your menu item.
Example: entertainment-icon

After that you need add this CSS code to your style.css file.

.entertainment-icon{
background-image: url('http://www.example.com/wp-content/uploads/2014/12/home.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
}

Hope this helps !

Powered by DW Question & Answer Pro