Jump to content

Changing link on hover

Recommended Posts

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

Hi there

I would like to underline my navigation when going over with the mouse. 
For now it is displayed in 2 different ways. 

1. On my overview page it is already underlined. I would like to only underline it when hover.
www.voegelino.com/menu

2. In the burger navigation, there is no hover action at all.

Many thanks!
Sibylle

www.voegelino.com
PW: orneverornow

Link to comment
  • Replies 3
  • Views 398
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

16 minutes ago, orneverornow said:

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

Hi there

I would like to underline my navigation when going over with the mouse. 
For now it is displayed in 2 different ways. 

1. On my overview page it is already underlined. I would like to only underline it when hover.
www.voegelino.com/menu

2. In the burger navigation, there is no hover action at all.

Many thanks!
Sibylle

www.voegelino.com
PW: orneverornow

Hi! Just add this code to custom css. Let me know how it goes 🙂

section[data-section-id="61cb76076e8adb3585b938ea"] a:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}

section[data-section-id="61cb76076e8adb3585b938ea"] a {
  text-decoration:none;
}

.header-nav-item:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

Link to comment
3 minutes ago, Jia said:

Hi! Just add this code to custom css. Let me know how it goes 🙂

section[data-section-id="61cb76076e8adb3585b938ea"] a:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
}

section[data-section-id="61cb76076e8adb3585b938ea"] a {
  text-decoration:none;
}

.header-nav-item:hover {
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}

OMG it worked. Thank you so so much for the quick help!!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.