How-To: Unclickable Links

Recently, someone asked me if I could do a tutorial on how to make menu links unclickable. You may or may not have noticed that four of my menu links on my site (Chapters, Summaries, Characters, and Thank You) are not clickable. This is because there was no reason to have a page there since all of the information being sought is in the drop down menu when you hover on those menu titles.
Untitled.jpg
So, how did I do this? Here are the steps I took:
1
First, I went to my dashboard and opened my menus. (Dashboard –> Appearance –> Menus)
3
Then, I opened my primary menu for the site which I have labeled “Menu 1.” Yours might have a different label.
As you can see, instead of adding a page that I created to my menu, I added a custom link which I labeled “Chapters.”
5
Here is what “Chapters” looks like when opened. You will see that instead of putting a url address in, I put a “#.” This is what makes the link unclickable; because it doesn’t take you anywhere.
In the CSS Classes, I put “unclickable.” (This step is optional and only useful if you have upgraded your account to premium.)
I also did this for my SummariesCharacters, and Thank You custom links because I didn’t want those to be clickable either.
6
Next, I saved the menu.
Those links should now be unclickable. And you are done! 🙂 If you have upgraded to a premium account, you can add CSS coding in order to change the colors and hover colors on your menu to make the unclickable page blend in better. (This is my favorite place to find the hex codes for the colors I use: ColorHexa.)
Thanks for reading and I hope this helps and that you find it useful. If there is another particular thing I’ve done with my blog that you would like to learn, please don’t hesitate to contact me.
signature new r.c.

2018-03-23T20:13:15+00:00

No Comments

  1. bmitjessesue August 16, 2017 at 11:58 am - Reply

    I..So..Very..Much..Needed..THIS! Thank you!

  2. loladiamond01 August 16, 2017 at 2:40 pm - Reply

    You are so good with this setting up a blog thingy. Great tutorial!

    • RosemaryMarie August 16, 2017 at 2:47 pm - Reply

      Thank you, Jowita! I hope your trip is going well and that you’re having fun!

      • loladiamond01 August 16, 2017 at 2:48 pm - Reply

        Yes, it’s fine. Just got back from dinner and going to take a shower. Tomorrow I have a day off of a kind.

  3. mmdrgntobldrgn August 16, 2017 at 10:58 pm - Reply

    Thank you

    • RosemaryMarie August 17, 2017 at 9:05 am - Reply

      You’re welcome. <3 Thank you for reading.

  4. maxlcrepeau September 12, 2017 at 6:57 am - Reply

    . thank you

  5. […] want to say a very big thank you to RosemaryMarie and her tutorials. Without her help none of these organizational updates would not have been possible. Thank you so […]

  6. TinyPiglet February 7, 2018 at 3:09 pm - Reply

    Thanks for this. It has been a great help. <3

    • RosemaryMarie February 7, 2018 at 5:08 pm - Reply

      Thank you so much <3 I'm glad it could be a help.

  7. Rosie February 7, 2018 at 8:31 pm - Reply

    Thank you so much for making this! It was exactly what I needed. 😉

    • RosemaryMarie February 7, 2018 at 9:39 pm - Reply

      You’re so welcome! I’m glad I could help! 🙂

Thank you for reading and commenting!

This site uses Akismet to reduce spam. Learn how your comment data is processed.

ABOUT THE AUTHOR

Hi, my name is Kymber but you may know me by my pseudonym, Rosemary Castevet. I’m an author, simmer, Registered Nurse, Judy Garland devotee and horror buff. Did I mention I’m currently owned by Cesare the cat? On top of all of that, I’m a redheaded INFJ who is also a vegan.

I’m glad you’re here! Grab a comfy chair and settle in for a fun read.

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use. Close & Accept
%d bloggers like this: