Submenu collapse/expand on click, not hover

Hey luismc83,
Do you mean that you are using a header sidebar layout so the main menu is vertical in the sidebar?
If so is the menu item with the sub-menu items also have an activate link or does it have no link?
Typically menu items with a toggle on click interfere with the link of the parent, so you would want to have no link on the parent so your toggle doesn’t trigger the link target.

Best regards,
Mike

Hi,
Thanks for the screenshot, the following script and css will remove the hover effect of the sidebar menu and open and close the submenu items on click below the menu item.
Add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_sidebar_menu_open_on_click_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(".menu-item-has-children").click(function() {
  	var clicks = $(this).data('clicks');
  if (clicks) {
  	$(this).removeClass('open');
  } else {
    $(this).addClass('open');
  }
  $(this).data("clicks", !clicks);
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_sidebar_menu_open_on_click_script');

Add this CSS to Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#avia-menu.av-main-nav .menu-item-has-children:hover ul.sub-menu {
	opacity: 0 !important;
    visibility: hidden !important;
}
#avia-menu.av-main-nav ul.sub-menu {
    top: unset;
    left: unset;
    position: relative;
}
#avia-menu.av-main-nav .menu-item-has-children ul.sub-menu li {
	display: none;
}
#avia-menu.av-main-nav .menu-item-has-children.open ul.sub-menu li {
	display: block;
}
#avia-menu.av-main-nav .menu-item-has-children.open ul.sub-menu {
	opacity: 1 !important;
    visibility: visible !important;
}
#avia-menu.av-main-nav .menu-item-has-children.open ul.sub-menu li:last-child {
    padding-bottom: 25px;
}

After applying the css, please clear your browser cache and check.
The expected results:

Please ensure to copy the code from the forum and not an email notification.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
I’m not sure how easily this could be done, it would require some custom javascript to open the sub-menu after the page loads and it would probably look slightly animated.
I think the javascript would need to specify each page, this there a lot of pages?
The link to your site is not working anymore, do you have a new URL?

Best regards,
Mike

Hi,
Thanks for the login but the link to your site is not working, do you have a new url?

Best regards,
Mike

Hi,
Maybe we can apply css for the sub-menu page to show the parent menu item open/expanded.
So it’s not based on clicking the menu, it’s about landing on the page.
Please copy the site to a public location so we can test.

Best regards,
Mike

Hi,
Thanks for the link, so to make the menu item “documentation” show open whenever the page “another page” is opened try this css:

#top.page-id-21 #avia-menu.av-main-nav #menu-item-29.menu-item-has-children ul.sub-menu li {
    display: block;
}
#top.page-id-21 #avia-menu.av-main-nav #menu-item-29.menu-item-has-children ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
}

To apply this to other pages and menu item you would change the page class (page-id-21) and the menu ID (menu-item-29) to your new page and menu item.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback but when I check your page /another-page/ the css forces the menu to be open:

compared the /about-us/ page that the css doesn’t work on which shows the menu closed:

If you are not seeing this try clearing your browser cache.

Best regards,
Mike

Hi,
Unfortunately not, this circles back to the first part of this thread, perhaps someone with better javascript abilities could write this for you.
When you asked for the specific page to show the menu open this seemed feasible.

Best regards,
Mike