Как показывать стиль элемента в обычной версии сайта, а в мобильной не показывать?

Question

[Антон Вертов]

Доброго времени суток. Есть элемент со значком (картинка).

<div class="col-lg-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                            <div class="featureImg ar1">
                                <img src="images/kak1.png" alt="">
                            </div>
                            <div class="fCont">
                                <p>Вы оставляете заявку или звоните нам.</p>
                            </div>

Есть два стиля featureImg и ar1. Мне необходимо, что в мобильной версии ar1 не применялся. Как это сделать, подскажите пожалуйста ?

Answer 1

[Егор Живагин]

Внизу css-файла пишем :

@media (max-width: мобильная-ширина-экрана px) {
  .ar1 {
    ///тут любые стили, они перекроют стандартные
  }
}

И читать про media-запросы. Без этого вообще никак.

Answer 2

[iBird Rose]

в медиа запросах обнули стили ar1

Comments

[Антон Вертов]

Спасибо большое, но подскажите пример пожалуйста, как это сделать.. только учусь.

[iBird Rose]

Антон Вертов: а какие стили ты там используешь? к примеру для большинства это значение inherit.

.sel {
   width: inherit; 
}