How to hide a module for handheld devices?

I have a menu module which I would like to hide when a user is browsing the website using for instance an iPad/iPhone.

Please let me know how to do this.

Do You know CSS3 media queries?

Unfortunately not. I am not a coder ... consider myself an "advance user"

Ok, please check this forum thread first:
https://www.gavick.com/forums/storebox- ... 28465.html

It describes what media-queries are and how can be used (also google for it).

Then with use of media queries You just use css:

Code: Select all

#elementID {display:none}


where elementID is an id of element You want to hide, and this should be closed inside media-query declaration.