collapse current-item submenu in mobile

I think something like this is what you’re looking for?

@media only screen and (max-width: 719px) {
	#menu-all-pages ul {
		display: none;
	}
}

Thanks Jarret, for the help. I tried that, but doesn’t work. The class #menu-all-pages doesn’t exist in hueman theme. I suspect it should be something with the toggle/show/collapse property of the menu.

• This reply was modified 5 years, 12 months ago by RockSea.

Hmmm the menu-all-pages ID is present on my local test install… if you use .nav ul instead of #menu-all-pages ul does it work?

Otherwise, do you have a link to the live site?

Hello @roxymathew,

I would recommend to inspect your pages and write some css rules in the custom css setting of the live customizer.

Useful resources for WordPress site customization :?

https://docs.presscustomizr.com/article/72-basics-of-css-and-html-for-wordpress-themes

https://docs.presscustomizr.com/article/63-css-resources-for-wordpress-developers

Hey @emranemranx yes I have been using css and fine with it.

@jarretc I had tried .nav ul already. It works but then it removes the entire submenu – i.e. it doesn’t expand the child menus on click. I just want the toggle to be collapsed instead of expanded.

The website I am talking about is https://www.embroidery.rocksea.org

For example, if you open this webpage (given below) in the mobile and then click the hamburger menu, the entire submenu until the current menu item expands. I just want them collapsed.
https://www.embroidery.rocksea.org/stitch/fishbone-stitch/raised-fishbone-stitch/

• This reply was modified 5 years, 12 months ago by RockSea.
• This reply was modified 5 years, 12 months ago by RockSea.

Seems I need to fiddle with the javascript rather than css?

Hi Rocksea,

You can easily do that with CSS by following the indications in the provided articles.

Sorry, I am not looking for generic articles but the specific css which is utilized by the menu for collapse/expand behavior for the current-menu-item/ancestor. I have been inspecting the page and checking custom css for the past several days, but none of them seems to work.

Hi Rocksea,

I had tried .nav ul already. It works but then it removes the entire submenu – i.e. it doesn’t expand the child menus on click. I just want the toggle to be collapsed instead of expanded.

?Currently there isn’t an option for this feature, however your suggestion has been added to the feature request log. The devs regularly review this and depending on demand for a specific feature they decide on when / if a feature is added.?

Thanks emran. It will be great to have this in the future release.

Hello, I want to ask you for help. I have a free version of hueman. The mobile menu is fully expanded. Menu level 1 and menu level 2. And I need to menu level 2 would open when clicking on menu level 1. Searched in settings but did not find. You can tell me how to set up. Sorry for my English.

@mainkraft let us hope that this feature will be added by the devs soon.