Active menu dropdown always open

spirit1977

Hi, is it possible through custom css to leave the dropdown menu in an active menu always open? 

Albert

Hi,

please send us link to page where you want to do this and we'll check if it's possible.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

spirit1977

http://xpact.emoose.de/

Thanks in advance :-)

Albert

Thanks. Can you also tell us, when dropdown menu should be always open? On mobile devices or when?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

spirit1977

Just in normal view, not in mobile devices

Albert

Sorry but in normal view, it won't be possible because you have 2 different sub-menus: for home and for kompetenzen menu items. Just try below css and you will see what is going to happen:

#Top_bar .menu > li ul { display: block !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

spirit1977

Is it possible to show only the active submenu? So if I choose kompetenzen, then the submenu od home is not visible

Thanks so far

Albert

No, this is not possible unfortunately.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

spirit1977

OK, Thank you.

Epyfito

Hi, is there any way to do this now? I have two items in my menu, and I want to keep open the active one. Thank you.

Bryan

You can always select a custom menu, just edit the page and in the page options (under the muffin builder) there is a field to choose a custom menu. You can have a diffrent menu on each site.
There is no other way than this.
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gmm89

hi, same problem, but i want to show the submenu open only in mobile view

Bryan

gmm89
Sorry but after the page reloads the menus cannot be opened. You would have to write custom JS to do this.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gmm89

i used the code you linked: #Top_bar .menu > li ul { display: block !important; }

and it works, but it shows on desktop too

Bryan

Try this css to work only on mobile

@media (max-width:767px) {
	#Top_bar .menu > li ul { display: block !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gmm89

It works, thank you. I changed to 1240px cause the menu changes on that breakpoint