Как скрыть что-то полностью на мобильном телефоне

Question

Интересно, как вы можете скрыть что-то полностью, но только, когда вы просматриваете на своем мобильном телефоне.

В моем случае я хотел бы скрыть это меню, чтобы оно не отображалось на каких-либо телефонах при просмотре на моем сайте.

https://jsfiddle.net/0ephpwgj/

Answer 1

можно сделать с помощью медиа запросов как в https://jsfiddle.net/0ephpwgj/1/

@media(max-width:720px){ 
.mobile-hide { 
    display: none; 
} 
} 

вы можете изменить максимальную ширину в зависимости от мобильного устройства