Hide sub menu item on mobile

Hello,

Could you tell me how to hide sub-menu item (for the main menu) in mobile device ?
I saw in your help, that we can do that in module suffix, but in this case I have no module for that sub menu....

Thank you in advance.

Hello,

Unfortunately we have no this kind of option in our framework. Additionally you cannot do it with CSS, because on the mobile devices there is dropdown menu instead of classic menu.

Hello,

And could I access to this drop dow menu (if y want for example to delete mannually some items) ?

The only idea which I have is adding the following CSS rule in any CSS file at the end:

Code: Select all

option[value="URL"] {
display: none;
}


where URL is a value of the specific option to hide and must be the same as in the menu.

The only idea which I have is adding the following CSS rule in any CSS file at the end:

Code: Select all

option[value="URL"] {
display: none;
}


where URL is a value of the specific option to hide and must be the same as in the menu.

Hi , I have a question about this methos. Is it good to use display: none , as I know Google don't like hidden elements? If I use display: none , to hide an sub menu items, will google penalize my site ?

I think that hiding so small amount of content is not a problem for Google - additionally I'm not sure if Google bots are using and parsing the CSS for mobile devices.