Sidebar nav menu sub menu hidden until main item active

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.

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.

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?

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?

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.

Hi,

Works perfect, thank you!

You're welcome :)