Форум Сайтостроение Веб-строительство

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

K
На сайте с 01.12.2014
Offline
39
Kussi
773

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

Сайт делаю на 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:

Р
На сайте с 07.02.2013
Offline
185
рецидивист
#1 

@media (min-width: 1000px) { /*>=1000px*/
    .style1{
        float: left;
        ...
    }
}
Samail
На сайте с 10.05.2007
Offline
369
Samail
#2

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий