Disable Menu Sub-Items Auto Expand

  • Hi all, I’m having trouble with the Menu/Sub item functionality —

    Essentially the Main Menu items expand when clicked, but the Sub items are then already completely expanded and can’t be clicked on.

    Ideally I would love to have everything function as click to expand but it seems it stops after 1 nest level. Can anyone help with this? I’ve tried multiple menu plugins and nothing is cutting it. Thank you! (=^?????^=)

    Screenshots attached below:

    View post on imgur.com
    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello @ironware

    No worries! You can use the following custom CSS to fix this problem:-

    #foldout-menu li.menu-item-has-children.open li .sub-menu{
 display: none;
}
#foldout-menu li.menu-item-has-children.open li.menu-item-has-children.open .sub-menu{
 display: block;
}
    Thread Starter ironware

    (@ironware)

    Thank you! This worked perfectly @niyaswp

    We actually love how this works and looks, but now have added another level to the sub menu! Is there any way to get that to work the same way?

    Once the parent category ‘Ceiling Lights’ expands, ‘Chandeliers’ is already expanded like it was before your bit of CSS. Can we make this not expanded as well?

    No problem if it’s not possible you already were incredibly helpful!

    View post on imgur.com

    Hello @ironware

    Great!

    Regarding your new request, could you please clarify what you’re trying to achieve so that I can check if this is possible?

    Thanks!

    Thread Starter ironware

    (@ironware)

    Yes! The next menu item down from from ‘Ceiling Lights’ (Chandeliers) is automatically already expanded when I open ‘Ceiling Lights’ Your bit of CSS made

    Ceiling Lights function perfectly by staying closed unless clicked on. If you see the screenshot ‘Chandeliers’ still has a + to be clicked on, but its already expanded. Can we hide/disable this one too ?

    Thank you again @niyaswp I really appreciate you taking a look at this

    View post on imgur.com
    • This reply was modified 1 year, 5 months ago by ironware.
    Thread Starter ironware

    (@ironware)

    Realizing the menu just might look confusing so typing it out what we are going for here here:

    Ceiling Lights –
    ——-Chandeliers –
    ————–All Chandeliers
    ————- Multi-Tiered
    ————–Over 40″
    ————–Under 25″
    ——Pendants
    ——Lanterns
    ——Flush Mount

    • This reply was modified 1 year, 5 months ago by ironware. Reason: Formatting didn't make sense

    Hello @ironware

    Thanks for the explanation. Strangely, I can’t see the ‘Chandeliers’ sub menu, could you please check the home page without login?

    Kindly see the attached screenshot!

    https://imgbly.com/ib/ugurDcrAhl

    • This reply was modified 1 year, 5 months ago by niyaswp.
    Thread Starter ironware

    (@ironware)

    Hello @niyaswp ! Yes it’s not visible on the site right now because it wasn’t working properly – I switched back to our old menu.

    I can make it active so you can see what’s going on. Thank you again!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Disable Menu Sub-Items Auto Expand’ is closed to new replies.