How to add Images in WordPress Menu - Coding Cyber

How to add Images in WordPress Menu

[adrotate group="5"]

Here is the simple tutorial for adding images in WordPress menu, Just goto Menu’s in WordPress and add the menus.

Adding Images to WordPress Menus

  • Go to WordPress dashboard -> Appearance -> Menus
  • Create a new menu item
  • On the Menus page add a link to custom URL’s, and in the label position add the img as show in the below image.
    <img src="">


  • And after seeing the results i have added some css
    <img style="position:absolute; margin-top:-12px;" src="">


  • Directly we can add styles in img tag in menu label field.

Here is the simple tutorial, I may change the design from time to time, Here is the look of the menu after adding the menus…


Vivek Vengala

Vivek Vengala is a Online Entrepreneur, Web Developer from Hyderabad India.

Click Here to Leave a Comment Below 1 comments

But instead doing this, how about using “CSS Classes”? I think that the best way to add icons into WordPress menu.


Leave a Reply: