Footer menu underline when hooverig

Getting Started
1

Hi guys, newbie here :slight_smile:
It’s possible to make menu item underline when hoovering? Not the whole row but only Menu item.
Thx!

Screen Shot 2023-03-21 at 19.52.10 PM
Screen Shot 2023-03-21 at 19.52.10 PM1124×624 21.8 KB

2

Hi @ramunsas,

Welcome to the community! :slight_smile:

You should be able to achieve this by setting align flex-start to your column.

Please let me know if this helps!

3

@Araminta thank for you answer. Still not working. What I’m doing wrong? :face_with_monocle:

Screen Shot 2023-03-21 at 20.39.00 PM
Screen Shot 2023-03-21 at 20.39.00 PM2876×1406 355 KB

4

Sorry to hear it’s still not working for you.

Could you possibly try setting align flex-start to your column instead of the menu block?

Please let me know if that helps!

5

I tried. Same :confused:

Screen Shot 2023-03-21 at 21.10.33 PM
Screen Shot 2023-03-21 at 21.10.33 PM2934×1826 450 KB

6

You’re nearly there @ramunsas!

Please make sure to:

  • set align flex-start to your column and not justify flex-start
  • set a column flex direction
  • apply it on normal and not the hover state

Please see this screenshot that should help you achieve this.

menu-underline
menu-underline3360×1944 249 KB

7

@ramunsas, Because you have the heading and menu wrapped in a “Group”, this may also be affecting the layout of the inner items, so you may wish to check the layout on the group also or if feasible based on your requirements, remove the group and simply have the items in the column.