Menu - Particles always show - hide on hover

[PhilTone]

Hey, I was wondering if it’s possible to turn around the way particles normally work.

I would like to have my Menu items partially underlined and have those lines hide when I hover over the Item.

So basically just the other way round. Is that possible somehow?

Thx in advance,
Phil

[marc_a]

Hey @PhilTone,

Thanks for reaching out!

If you are using the Navigation Inline element to display your menu, you can go to your top links menu settings and locate the border-radius. Here’s the thing you should do:

• Click the link sides to individual
• Select the bottom side
• select solid as style
• set width to your desire value ( for example 1px )
• In the color, you should select what base color (based/primary color) you wanted but in the interaction, the color should be set to trasparent.

Hope that helps.

[PhilTone]

Hey Marc,

I’m using the layered Navigation and what I want is to have the line only cover 30% of the Menu item.
See my attached Screenshot.

It would be awesome to achieve that with the particles and have them slide away on hover. Basically just the other way around as how are they normally functioning.

[ruenel]

Hello @PhilTone,

What you have in mind is not possible with the builder elements. It is possible with custom coding though. Be advised that that will be considered as a custom development already and it is beyond the scope of our support.

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.