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

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

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  ⬇️

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

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?

About: SQSP User for 17 yrs. Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF Digital, building Squarespace Extensions to supercharge your commerce website. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.
If my advice helped, you can thank me by clicking one of the feedback emojis below. I love coffee too.

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.