Sub menus? Dropdown menu?
Hey all!
I'm pretty unsure if it is my fault or a bug.
I would like to create a dropdown menu an tried to realize that via Design/Menus.
That won't work for me. The menu bar looks like before.
I tried the same with a project and a site. Same here.
What is my problem? Can you help me?
Best Daniel
EDIT:
Sorry.
latest versions of safari, chrome, firefox on mac os x 10.10.5
There's no support for submenus or dropdown menus :/
:)
it's a no-support-thing.
Thanks for the fast replay.
Maybe I move to general discussion with my topic.
Probably someone may help out with some crazy css skills.
Best,
Daniel
Well the way I coded it is that no matter if you create submenus in the backend, the html output will always be that of a menu without submenus. So even with css you can't work around that.
I see Armin.
Anyways — Thank you so much for everything.
I think that I found a nice alternative.
Btw. a real submenu or dropdown menu propably starts to make sense in very complex surrounding — certainly not for my projects.
Best, D
Yeah, I need to work on menus one day. I thought about making it possible to add multiple menus. :O I didn't think about doing submenus yet. Hmmm will think about that.
@arminunruh It would be a great option to expand and collapse menu items if there are sub menus. Is there an update on this feature or a CSS we can add in? Thank you Armin.
Hi @kuo
no news yet about the sub menus. it is on our list for future updates though.
All the best!
Marius
Hey guys!
Doing submenus is easy with some custom css!
For example on the nadine göpfert website we did it:
Custom CSS:
/*submenu*/
nav.primary .sub-menu li{
display: block;
position: relative;
}
.sub-menu{
padding-top: 10px!important;
opacity: 0;
transition: opacity 200ms ease;
-webkit-transition: opacity 200ms ease;
pointer-events: none;
position: absolute;
}
nav.primary li:hover .sub-menu{
opacity: 1;
pointer-events: auto;
}
/**/
Thanks, @arminunruh. This looks awesome–doing this on my vertical menu.
Is there a good link on how to customize this CSS? Sorry I am a self-taught novice in need of guidance.
Hey sorry that would be great if you can learn a bit about css for example here:
https://www.khanacademy.org/computing/computer-programming/html-css
Hi @arminunruh,
I added the 'nadinegoepfert'-submenu script to the custom CSS and it works very well on in the desktop-version of my website (under 'shows'):
However, somehow, after putting it into the 'custom css for desktop' it gets activated for the mobile version as well? Is there a way I can use it only for the desktop only? In the mobile version I would like all the menu points (including the submenus) to just line up under each other.
Many Thanks