[Resolved] Additional menu in sidebar active item opened

Home Forums Support [Resolved] Additional menu in sidebar active item opened

Home Forums Support Additional menu in sidebar active item opened

  • This topic has 11 replies, 2 voices, and was last updated 4 months ago by Ying.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1060342
    Luizik

    Hello, developers!

    I have a question about additional menu in sidebar active item. I want the menu no to collapse and stay open when i am on a child page.

    If a client is on sub page

    • – i am on this page and the menu should look the same way – should be opened (now it closes when i move my mouse away)
      screenshot menu in sidebar

    #1060386
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .sidebar .secondary-navigation .main-nav .current-menu-item .sub-menu, 
    .sidebar .secondary-navigation .main-nav .current-menu-ancestor .sub-menu,
    .sidebar .secondary-navigation .main-nav .current-page-ancestor .sub-menu {
        opacity: 1;
        left: auto;
        right: auto !important;
        position: relative;
        width: 100%;
        clear: both !important;
        top: auto;
        float: none;
        visibility: visible;
        pointer-events: auto;
        height: auto;
        display: block;
    }
    #1060744
    Luizik

    Thank you very much!

    It works perfect!))

    #1060749
    David
    Staff
    Customer Support
    #2276371
    Jernej

    Hey there,

    I used the same code you David provided.

    I would like to know if this always open sub menu can be fixed to the opened location?
    So if anybody wants to click and hover to other item of this always open submenu, doesn’t open to the right like the submenu naturally does (selected open right in customizer).

    Check short video explaining what I mean:
    https://share.getcloudapp.com/Z4uAA4vY

    thank you!

    #2276440
    Ying
    Staff
    Customer Support

    Try this:

    .dropdown-hover.left-sidebar .widget-area .secondary-navigation:not(.toggled) ul li:hover ul {
        position: relative;
        left: auto;
    }

    If it doesn’t work, can you open a new topic and link us to your site where we can see the sidebar menu?

    Let me know πŸ™‚

    #2279239
    Jernej

    Hi Ying!

    Thank you for help. It works exactly as I need πŸ™‚

    #2279676
    Ying
    Staff
    Customer Support

    You are welcome πŸ™‚

    #2354085
    Jernej

    In reply to this topic I would like to know if despite all the above code added to CSS, there is an option that current submenu is visible on page load but “current” submenu collapse if somebody click on different menu element (which expand submenu of that other menu element). Just like it works with other menu elements that are not current.

    Here is the video:
    https://share.getcloudapp.com/xQux7wXY

    Thank you for your help!
    Jernej

    #2354516
    Ying
    Staff
    Customer Support

    Can you link me to the site so I can have a look to see the possibilities?

    #2354965
    Jernej
    #2356635
    Ying
    Staff
    Customer Support

    Try this add CSS:

    .widget-area .secondary-navigation li[class*="current-menu-"].sfHover > ul {
        display: none !important;
    }
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.