Jump to content

Hover states for Navigation

Recommended Posts

  • 4 weeks later...
On 4/15/2022 at 1:57 AM, tuanphan said:

What is hover states? Can you describe in more detail?

You can see in the screenshot attached, that when hovering on "skate" from the mega menu there is a black bar that is displayed.

There are zero themes offering that at 7.1

Screen Shot 2022-05-11 at 12.39.46 PM.png

Link to comment

Site URL: https://www.tastenweise.de

(Version 7.1) Unfortunately my website does not have any underlines for links in the navigation bar. I would like to get this feature (which most users want to get rid off) on hovering with mouse and to see which link is active. The Squarespace support couldn't help due to my template (which name I do not recall). Is there a way to activate this underline in the navigation? I couldn't find any proper CSS-solution. Thank you!

Link to comment

@Helloparkerg @KEYdance 

On Squarespace 7.1, the active navigation link is underlined, but there is no hover effect that adds an underline to non-active links.  

Are you looking for something like this?

image.gif.a710e400c86d60844ad5b57ac5fe2258.gif

Edited by paul2009
edited for clarity

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment

@KEYdance I've put together a simple guide. Let me know if it helps:

https://sf.digital/squarespace-solutions/add-a-hover-effect-to-the-squarespace-71-navigation

Did this help? Please give feedback by clicking an icon below  ⬇️

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

Link to comment
  • 2 months later...
12 hours ago, Darya said:

Would you have the tutorial extended to drop-down menu items?

I'm not sure I understand. Can you provide a link to the site and explain what you require?

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
Catch up on all the release notes and announcements 2023 [for Circle members only] (there's a public version here)

Buy me a coffee

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.