Sub menus? Dropdown menu?

[d44w]

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

[arminunruh]

There's no support for submenus or dropdown menus :/

[d44w]

:)
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

[arminunruh]

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.

[d44w]

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

[arminunruh]

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.

[rothkuo]

@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.

[mariusjopen]

Hi @kuo
no news yet about the sub menus. it is on our list for future updates though.

All the best!

Marius

[arminunruh]

Hey guys!

Doing submenus is easy with some custom css!

For example on the nadine göpfert website we did it:

http://nadinegoepfert.com/

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;
}
/**/

[rothkuo]

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.

[arminunruh]

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

[erikbunger]

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'):

erikbunger.com

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

[FredL]

This post is deleted!

[mariusjopen]

Hi @FredL
can you post a link to your website?

Then we can have a look?

All the best!

Marius

[FredL]

This post is deleted!

[maxi394]

@arminunruh said in Sub menus? Dropdown menu?:

http://nadinegoepfert.com/

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

[mariusjopen]

Dear @d44w
all the links work. For you not?

Nice website and work!

Best!

Marius

[danielerametta]

HI @arminunruh
I entered the code but I don't understand why it doesn't work.
You could help me!
Thanks

[mariusjopen]

Dear @d44w
Can you post a link to our website?
Then we can have a look and inspect that.
Marius

[Eiszeit]

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