Jump to content

change nav link to be different text on hover

Recommended Posts

  • Replies 8
  • Views 742
  • Created
  • Last Reply
21 hours ago, kailynmoo said:

Site URL: https://www.kailynmoore.com/

Hi! I made my nav links emojis, and I want to be able to hover over each and see the actual name of the page: ie: "WORK" "PLAY" "ABOUT"

Any help would be greatly appreciated. Thanks in advance!!!

🙏

 

 

 

You mean

Hover pen icon >> it shows About text?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 5/1/2021 at 3:11 AM, tuanphan said:

Add to Design > Custom CSS


div.header-nav-item:hover a {
    visibility: hidden;
}
div.header-nav-item:hover a:after {
    visibility: visible;
    content: "About";
}

 

THANK YOU! this worked, but they all say 'about' now when i hover---any way i can have a different hover for each of the icons/nav-items?

 

for instance, when i hover over the 1st icon, it would say "work"; when i hover over the second icon, it would say "play"; and the last one would say "about"

Link to comment
21 hours ago, kailynmoo said:

THANK YOU! this worked, but they all say 'about' now when i hover---any way i can have a different hover for each of the icons/nav-items?

 

for instance, when i hover over the 1st icon, it would say "work"; when i hover over the second icon, it would say "play"; and the last one would say "about"

I see 1 icon (pencil) only? Where other icons?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.