всем привет, хочу что вот скрыть баннер для телефонов. прописал так , не помогает
может я что то не правильно делаю ?((

 

  @media screen and (min-width:368px) { /* К примеру, для планшетов */

 .conent-fends  .head-frends .block-frends{

 display:none;

 }

 }

________
посл. ред. 12.08.2022 в 19:45; всего 1 раз(а); by 155876556

@media all and (max-width: 368px){

 .conent-fends  .head-frends .block-frends{

 	 display:none;

 	 }

 }

пробовал еще так, тоже не фига

@media only screen

 and (min-device-width : 320px)

 and (max-device-width : 480px){ .conent-fends .block-frends .head-frends{ display: none; }}

 

 

xynd3r, да, я уже пробовал

@media (max-width:768px) { 

  .conent-fends  .head-frends .block-frends{

  display:none;

  }

  }

________
посл. ред. 12.08.2022 в 20:00; всего 1 раз(а); by Galtsev.T

xynd3r, ааа тю я туплю , попробовал твой код. всеравно нефига,
вот не знаю я пробую уменьшать размер через консоль в браузере, или оно там не работает ?

или только через телефон проверить можно?

155876556, Через инструменты разраба в браузере проверь элемент. Может другой какой-нибудь стиль перекрывает твой, может он вообще не подтягивается к элементу, потому что ты накосячил в селекторе.

Allazarin, На счет селектора , там все нормально, проверял уже, нечего не перекрывает, щас полный код скину,



вот это я хочу скрыть

.conent-fends

 {

 z-index:-1000;

 padding-bottom:5px;

 width:259px;

 height:auto;

 bottom:2px;

 right:5px;

 background-color:#fff;

 position:fixed;

 }

 

 .head-frends

 {

 color:#fff;

 background-color:rgb(60,179,113);

 width:250px;

 padding:5px;

 }

 

 .block-frends

 {

 width:230px;

 padding:12px;

 display:block;

 }

 

 

 .text-frends

 {

 padding-top:20px;

 }

 

 @media (max-width:768px) { 

   .conent-fends  .head-frends .block-frends{

   display:none;

   }

   }

 

 

Allazarin, вот написал пример , может я накосячил глянь пожалуйста

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

Попробуй так

 @media screen and (min-width:368px) {

 .conent-fends .head-frends .block-frends {

 visibility: hidden;

 }

 }