I am not a web designer professional per se, however, I designed this website and I can testify Albert Einstein was right when he said: “The only source of knowledge is experience!” I have searched and searched online for hours before I was able to make my menu links unclickable! I mean HOURS! So since I don’t want this to happen to you, I will just share with you what I have learned.
So here is how to make the menu link in WordPress unclickable:
- Click on Appearance -> Menus.
- Click on Custom Links on the left side of the page (below the Cart Orders section)
- In the URL field, delete http:// and replace it with #.
- Next, in the Link Text field, type the name of your link, then click Add to Menu
- Drag and drop the Custom Link to your desired location and click the arrow on the right side to open it up. If the CSS Classes box is present, type the work unclickable. If it isn’t there, don’t be nervous, you can add it by scrolling to the top of the menu page and clicking on Screen Options. Check the CSS Classes box. Go back to the menu items, your should now see the CSS Classes box. Go ahead and enter unclickable to the box and save.
- When you reload your website, the new menu that you created will show up. This is a great way to use submenus with a top level menu item that needs no existing page!
Your link is now unclickable, which is the goal of this post! I am so glad I was able to save you some time! Happy blogging!