Форум русской поддержки Joomla!® CMS
05.12.2016, 20:40:02 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Joomla 3.5 + Gantry 5 + Hydrogen. Варианты отображения модулей на разных экранах

 (Прочитано 417 раз)
0 Пользователей и 1 Гость смотрят эту тему.
ilya2006-08
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« : 08.04.2016, 08:44:21 »

День добрый.

Не могу понять как в Gantry менять отображение модулей/блоков. Допустим, мне нужно, чтобы блок не отображался на мобильных устройствах. В доках Gantry 5 нашел это, но не могу допетрить как использовать.
Предложенный код с доков запихнул в custom.scss (custom.scss подключен и работает), а что дальше?
Показать текстовый блок
Записан
Gruz
JComments Tester
*

Репутация: +165/-3
Offline Offline

Пол: Мужской
Сообщений: 1285


gruz@jabber.org | gruz.org.ua


« Ответ #1 : 08.04.2016, 14:34:36 »

Справка: http://www.rockettheme.com/docs/joomla/basic/responsive_support_classes.md

Как сделать в картинке


Записан
ilya2006-08
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 22


« Ответ #2 : 12.04.2016, 13:06:57 »


Спасибо, помогло!

Остался еще один небольшой вопрос, который загуглить не получается и в доках не по глазам.(
Допустим, есть блок, на десктопе его высота должна быть 500, а на мобильном 300.  Как правильно это приписать в CSS-e?

Вот такой код нашел в скомпилированном css:

Код:
@media only all and (max-width: 47.938rem) {
  .gantry-logo {
    display: block;
    text-align: center;
  }
}

А если мне нужно переопределить свое, то в файле custom.scss нужно сделать что-то подобное?

Код:
@media only all and (mobile) {
  .gantry-logo {
    display: block;
    text-align: center;
  }
}
Записан
Gruz
JComments Tester
*

Репутация: +165/-3
Offline Offline

Пол: Мужской
Сообщений: 1285


gruz@jabber.org | gruz.org.ua


« Ответ #3 : 12.04.2016, 13:11:42 »

ИМХО в Gantry лучше создать два блока, указать соответствующие высоты и классы для телефона-планшета-компа, а не париться с media queries.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet