Как отключить стили при сужении экрана или входе с мобильного? (Joomla 3.6)

39

Kussi

8 октября 2016, 21:36

764

Здравствуйте.

Сайт делаю на Joomla 3.6, на шаблоне (JA Playmag) отлично отображается мобильная версия. Я создала в описании категории свои стили, и теперь на мобильной версии они тоже срабатывают и это очень некрасиво(

Получается вот что я сделала в описании:




<div class="1">

     <div class="2">Картинка</div>

     <div class="3">Текст </div>

</div>





И добавила такие стили:



.2 {

  float: left;

  width: 30%;

}



.3 {

  float: left;

  width: 70%;

}

Получилось все как задумано, картинка слева а текст справа и не обтекает картинку. Но если открывать с мобильного, это тоже работает(

Как можно сделать так, чтобы эти стили отключались при сужении экрана и картинка просто была над текстом?

:confused:

Р

178

рецидивист

8 октября 2016, 22:27

#1

@media (min-width: 1000px) { /*>=1000px*/
    .style1{
        float: left;
        ...
    }
}

369

Samail

9 октября 2016, 04:25

#2

............................

Google: E-E-A-T не является фактором ранжирования

Зачем быть уникальным в мире, где все можно скопировать