Clickable image in menu instead of text

[ismaine]

Dear Community,

How can I replace the text of a menu item with an image and that image is clickable? for instance, instead of having Home as text menu item, it will be an image with the right size that I can click to go back to the home page.

Thank you in advance for your help.

[ruenel]

Hello @Ismaine,

Thanks for writing in!

Please use the navigation inline element in your custom header and disable the text setup. Only the image should be enabled.

And then go to Appearance > Menus and then edit the menu so that you can insert the image url.

Hope this helps. Please let us know how it goes.

[ismaine]

Hello, i am not using the pro version at this time. Do you have another solution please ?

[ruenel]

Hey @Ismaine,

Since you are using X theme, simply insert the <img src=""...> in the Navigation label for each of your menu items.

Hope this works out for you.