I see no submenu on mobile
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
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 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
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
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
@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!
