Hide some menu items in mobile layot

Hi,
Could you please help me if it's possible to hide some menu (submenu) items in mobile layout.
The method shown lower doesn't work...

@media only screen and (max-width:1040px) {
#menu363, #menu364, #menu365 { display:none; }
}

Or maybe someone knows how to make menu items collapsable and expandable...
Thanks a lot

Hi,
Maybe you are using wrong menu id numbers, could you provide your website URL? (here or via private message)

Well I guess I am using right IDs...
https://www.wind-extreme.com

Try to add the following custom css code:

Code: Select all

@media only screen and (max-width:1040px) {
#gk-menu-overlay-wrap #menu363,
#gk-menu-overlay-wrap #menu364,
#gk-menu-overlay-wrap #menu365 { display:none; }
}



and try to disable your css optimization plugin.

This code works perfect. Thanks a lot for your help.

Just 1 more question - is there any way to hide empty lines which are left after hiding menus...

It won't be perfect, but try to add the following custom css code:

Code: Select all

#gk-menu-overlay-wrap .gkMainMenu li li {
    border-top: 0;
}