[Resolved] Sidebar nav menu sub menu hidden until main item active

[takkularapsis]

Hi,

How can i put my sidebar navigation so that the sub menu item will be hidden until the main item is clicked active? Now the menu is all open.

[David]

Hi there,

instead of using a Widget in the sidebar. You can set the Secondary Navigation Location to the Sidebar in Customizer > Layout > Secondary Navigation.

[takkularapsis]

Hi,

Thank you again for a quick reply. I have made the secondary navigation now. Is it easy to put to collapse under the title when title menu active? Now it is floating in right ( what is good also at the first time before clicking anything.

[Tom]

Hi there,

Just to confirm, you want the sub-menu items to always be visible under the parent item if that parent item (or child item) is active?

[takkularapsis]

Hi,

Thanks again for your quick reply. Yes, that would be the case.

Also, i dont know if its ok to put this another question in the same thread, but i have video uploaded at the front page. Is there easy way to adjust the playback speed of the video?

[Tom]

Maybe something like this would help?:

.secondary-navigation .current-menu-item > .sub-menu, 
.secondary-navigation .current-menu-ancestor > .sub-menu {
    position: relative;
    visibility: visible;
    opacity: 1;
    height: auto;
    left: 0;
    right: 0;
    width: auto;
    float: none;
}

.secondary-navigation .current-menu-item:hover > .sub-menu, 
.secondary-navigation .current-menu-item.sfHover > .sub-menu, 
.secondary-navigation .current-menu-ancestor:hover > .sub-menu, 
.secondary-navigation .current-menu-ancestor.sfHover > .sub-menu {
    left: 0 !important;
    width: 100% !important;
}

Not sure about video playback, unfortunately. I think that would need adjusting in your video editing software.

[takkularapsis]

Hi,

Works perfect, thank you!

[Tom]

You’re welcome 🙂

[Author]

Posts