How-To: Unclickable Links

by Kymber
0 comment

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.

0 comment

bmitjessesue August 16, 2017 - 11:58 am

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

Reply
RosemaryMarie August 16, 2017 - 12:02 pm

I’m so glad and you’re welcome! <3

Reply
loladiamond01 August 16, 2017 - 2:40 pm

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

Reply
RosemaryMarie August 16, 2017 - 2:47 pm

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

Reply
loladiamond01 August 16, 2017 - 2:48 pm

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

Reply
RosemaryMarie August 16, 2017 - 6:59 pm

That sounds great! 😀

Reply
mmdrgntobldrgn August 16, 2017 - 10:58 pm

Thank you

Reply
RosemaryMarie August 17, 2017 - 9:05 am

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

Reply
maxlcrepeau September 12, 2017 - 6:57 am

. thank you

Reply
RosemaryMarie September 13, 2017 - 8:34 am

You’re welcome. 🙂

Reply
Chapter 2.25 Perfection Multiplied – Once Upon a Legacy February 6, 2018 - 12:11 am

[…] 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 […]

Reply
RosemaryMarie February 6, 2018 - 9:50 am

Thank you so much for your kind words <3

Reply
TinyPiglet February 7, 2018 - 3:09 pm

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

Reply
RosemaryMarie February 7, 2018 - 5:08 pm

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

Reply
Rosie February 7, 2018 - 8:31 pm

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

Reply
RosemaryMarie February 7, 2018 - 9:39 pm

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

Reply

Thank you for reading and commenting!

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

Booomcha.com uses cookies from Akismet to reduce spam. By using this site, you agree to its use of cookies. Accept Learn More

%d bloggers like this: