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

Home Forums Support Sidebar nav menu sub menu hidden until main item active

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #880078
    Tarko

    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.

    GP Premium 1.8.1
    #880123
    David
    Staff
    Customer Support

    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.

    #881274
    Tarko

    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.

    #881503
    Tom
    Lead Developer
    Lead Developer

    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?

    #882321
    Tarko

    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?

    #882564
    Tom
    Lead Developer
    Lead Developer

    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.

    #883361
    Tarko

    Hi,

    Works perfect, thank you!

    #883475
    Tom
    Lead Developer
    Lead Developer
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.