How to Hover dropdown menu in Debut?

Highlighted
New Member
4 0 0

Thanks for this, but this did not work. :)

0 Likes
Highlighted
Excursionist
11 0 1
In my case, it took about 24 hours to start working. I do not know why, and
on that time I had already decided to add a menu app (Buddha menu)
0 Likes
Highlighted
New Member
4 0 0

Ahh I see ok I will do the change and see how it will wotk after 24 hours. Thanks :)

0 Likes
Highlighted
Tourist
3 0 1

On debut theme at this moment i just added on theme.scss.liquid

.site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown:focus .site-nav__dropdown {
  display: block;
}

and then at around line 2567 under the specs for .site-nav__dropdown { i modified. If i put it at 30 as in the first reply the menu would dissapear before the cursos would reach the submenu ;) Play with it and see for yourself how it changes the position of the menu.

top: 25px;
0 Likes
New Member
1 0 0

I had the same problem with te dropdown disappearing when moving the cursor from the button to the dropdown. And i found out that .site-nav__dropdown { top: 30px; } gets overridden by some html inline style. And 24px; works better for me.

 

Solution:

Replace .site-nav__dropdown { top: 30px; }

with:

.site-nav__dropdown { top: 24px !important; }

0 Likes