I see no submenu on mobile

[Kenneth]

Hello,

I have a menu-item (Work) with two submenu-items (Publications and Clients). On desktop I used the recommended css (like the 'nadine göpfert' website) to show the submenu, but on mobile the submenu doesn't appear. Can somebody help me please?

Best regards,
Kenneth

Website: https://vandepavoordt.nl/
Browser: latest version of Chrome

[Theodoros]

Hey Kenneth,

cool i didn't know you could put submenus.

I see them as a different new page in your mobile version. Maybe you could style that?

(am not a developer)

[mariusjopen]

Dear @Kenneth
on the mobile the sub menus get merged.

Does that answer your question?

Best!

Marius

[Kenneth]

@mariusjopen Hello Marius,

I don't quite understand you. Do you mean that a sub menu is not visible in mobile view?

Cause on my website the submenu (under menu Work) is not been shown or merged. Hope you can explain that?

Website: https://vandepavoordt.nl/

Best regards,
Kenneth

[mariusjopen]

Dear @Kenneth
on my test theme the sub-page gets shown in the mobile menu.
Do you use any extra code which is connected to the menu?
Maybe you hide it by accident.

Best!

Marius

[Kenneth]

Thank you Marius. Due to some css for the desktop view, I changed the CSS for mobile view. The css property "pointer-events" was set to auto instead of none. This did the trick completely.

Cheers,
Kenneth

[mariusjopen]

Dear @Kenneth
ha!

Great!

Best!

Marius

[AaronDuRall]

@kenneth hey there! I was curious, how did you resolve this? This is the code I am using:

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

I tried changing the auto to none like you'd mentioned, but the submenus still don't show on Mobile. Would love any insight on this if you have time. Thank you!

[mariusjopen]

Dear @AaronDuRall
sweet! Thank you for sharing!

Best!

Marius