Чтобы в Gantry 5 сделать левый сайдбар ниже контента, нужно создать два сайдбара, левый и правый, или разместить копию левого сайдбара ниже контента или боттома. Потом классами представленными ниже, в настройках частицы вставляем необходимые классы, как показано на третьей картинке, и опускаем левый сайдбар на мобильных устройствах (смартфонах) или телефонах ниже контента или текста статьи.

   Нужный нам левый сайдбар делаем видимым только на больших экранах, а правый сайдбар или частица в боттоме делаем видимыми только на маленьких экранах. Вот и все! Не залезая в программный код, можно так легко сделать левый сайдбар ниже контента на мобильный устройствах.

 

Class Phones Tablets Desktops Large Desktops
visible-phone Visible Hidden Hidden Hidden
visible-tablet Hidden Visible Hidden Hidden
visible-desktop Hidden Hidden Visible Visible
visible-large Hidden Hidden Hidden Visible
hidden-phone Hidden Visible Visible Visible
hidden-tablet Visible Hidden Visible Visible
hidden-desktop Visible Visible Hidden Hidden
hidden-large Visible Visible Visible Hidden

Utilities

Вот сюда вставлять CSS class

Utilities

И незабываем сохранить и перезапустить браузер.

Добавить комментарий


Защитный код
Обновить