Как скрывать лого на компьютерах?

Question

[Илья Деревянных]

Не могу лого слева на компьютерах скрывать сайт
Так пытался

@media (min-width:900px) {headr>.row>.col-md-3 {visibility: collapse!important;}}

И подскажите ещё надо меню к верху прижать как-то, не могу найти где отступы убрать

Comments

[Михаил]

шикарный код, 10/10
https://jigsaw.w3.org/css-validator/validator?uri=...

@media screen and (max-width: 768px) {
  ...

  @media (min-width: 900px) {
    headr>.row>.col-md-3 {
      visibility: collapse!important;
    }
  }
  ...

каеф

[Илья Деревянных]

Михаил, ну, был бы я его автором. Но у сожалению не моё творение. При исправлении ошибок вёрстка летит, так что приходится с тем что есть работать

Answer 1

[TostPOST]

Если нужно прям убрать, то есть два простых варианта, первый, если нужно убрать так, чтобы место не занимал, а второй просто чтобы не было видно:
1)

@media only screen ......{
    .logo{
        display:none;
    }
}

2)

@media only screen ......{
    .logo{
        visibility:hidden;
    }
}

Comments

[Илья Деревянных]

Не применяется стиль. Вот код вставки лого

<div class="col-md-3">
    	<div class="logo">
      		<a href="<?php echo home_url(); ?>"><img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="logo"></a>
		</div>

[TostPOST]

Илья Деревянных, если это бутстрап, то насколько я помню, можно дать div`у с классом col-md-3 еще один класс, по моему d-*-none, при котором не будет отображать на определенных устройствах див (вместо * размер экрана).