Как скрыть элемент для телефона?

Question

[ehoboli]

хочу скрыть баннер для планшетов и для телефонов, пробовал не выходит,

@media only screen
 and (min-device-width : 320px)
 and (max-device-width : 480px){ .conent-fends .block-frends .head-frends{ display: none; }}

и так пробовал не помогло

@media all and (max-width: 368px){
 .conent-fends  .head-frends .block-frends{
 	 display:none;
 	 }
 }

как правильно скрыть элемент?

Comments

[Вадим]

Демку сделайте на codepen c проблемой

[John Didact]

Я уже давно этим всем даже и не балуюсь, да и не был я в этом профи, но как помню, viewport должен быть соответствующее указан: для view device-width, ну или фактические пиксели окна браузера твоего устройства… это есть?

[ehoboli]

Вадим, вот сделал пример , https://codepen.io/noggan1990/pen/jOzvRRL

[ehoboli]

John Didact, я вот пример написал посмотри пожалуйста , че там да как может я что то не правильно сделал ((

https://codepen.io/noggan1990/pen/jOzvRRL