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
@arminunruh said in Sub menus? Dropdown menu?:
Hi, it's been a long time that i've been on my website, i did almost the same submenu as Nadine Goepfert website, but actually, when i click on one of the link it just put it in the bar on top but it doesn't open it, probably a problem of actualisation but i don't know how to fix it, an idea ?
Thanks a lot
HI @arminunruh
I entered the code but I don't understand why it doesn't work.
You could help me!
Thanks
Dear @d44w
Can you post a link to our website?
Then we can have a look and inspect that.
Marius
Hallo @arminunruh and @mariusjopen,
I would like to create several submenus under the caption WORK (http://schroederclaudia.com/work/)
For that I created pages like:feature, short, commissioned etc. e.g.: (http://schroederclaudia.com/feature)
I ve read that this is possible with CSS Customizer. What code would I have to insert there in order to make my „feature page“ be a submenu of my "WORK page"?
(I am using chrome )
Help would be very appreciated. Thank you guys ;)
Claudia