[Resolved] Drop down secondary navigation

[Luizik]

Hello dear developer!
If i set main menu submenu open on hover it opens down, but sub menu in additional menu in sidebar opens to the right.
How can i opens down too?

[Tom]

You could try something like this:

.dropdown-hover .main-navigation:not(.toggled) ul ul li:hover > ul, 
.dropdown-hover .main-navigation:not(.toggled) ul ul li.sfHover > ul {
    left: 0;
    position: relative;
}

.dropdown-hover .sub-menu .dropdown-menu-toggle:before, 
.dropdown-hover .children .dropdown-menu-toggle:before {
    content: "\f107";
}

However, you’ll notice that the UX suffers when this happens, as the height of the dropdown area jumps around as you move your mouse down the list.

[Luizik]

Dear, Tom!
I put this code, but nothing has changed, it still drops to the right.
That would be great if I could set main menu drops down on hover and addtitional menu set drops down when one clicks.

But there is only one setting for both menus.

[Tom]

I’m not seeing a secondary nav on your site. Any chance you can link me to it so I can see why it’s not working?

I agree – the Secondary Nav needs its own dropdown type setting. Coming soon 🙂

[Luizik]

Yes, ofcourse https://xn—–glccg0ak0abtkm4n.xn--p1ai/%D0%BA%D0%B0%D1%82%D0%B0%D0%BB%D0%BE%D0%B3/

[Tom]

Ah, it’s in the sidebar.

Try this instead:

.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li:hover ul {
    left: 0;
    position: relative;
    width: 100%;
}

.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before, 
.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before {
    content: "\f107";
}

[Luizik]

Thank you very much!
Kisses!

Full of thanks and waiting for updates for menu settings, Luiza)))

[Tom]

Glad I could help! 🙂

[Deepak]

Hi Tom,

how can we add more animation and transition delay to the drop down and slide up? I can use different animation but can you please help with the class name to be used?

And can we implement click button instead of hover here?

Regards
Deepak

[Author]

Posts