Вопрос Уменьшение (изменение) размера модуля при переходе на мобильную версию сайта

  • 1 Ответов
  • 322 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн pumix

Здравствуйте. Сайт-визитка http://2tax.by/ (Joomla 3.6.2. шаблон Protostar). Не могли бы вы подсказать. Значит, структура сайта такая: на всех (шести) страницах привязаны одни и те же модули. Ну и текст посередине. Сейчас интересуют 4 модуля (состоящие из картинок), два слева и два справа от текста на каждой из страниц. Как сделать, чтобы при просмотре сайта в мобильной версии, эти изображения уменьшились? А еще лучше, чтобы они расположились рядом, а не так как сейчас (в мобильной версии), две крупные картинки (это те, которые в обычном расширении, стоят слева от текста), потом идет текст, а потом и следующие две картинки (модули). А так они красиво стояли бы рядом (маленькие, в виде квадрата 2х2), и уже вниз шел бы текст. Ну или вначале текст, а потом четыре картинки, не принципиально. Кстати, при плавном уменьшении размера окна в браузере на компьютере, модули пытаются вначале уменьшить размер, а когда окно становится еще меньше - они снова вырастают.

И еще, может вообще сделать, чтобы не было мобильной версии у сайта. По мне так лучше на смартфоне или планшете просто масштабировать вручную. Как считаете, насколько это актуально? Спасибо.

Попробуйте добавить в файл стилей (аналогично и для правой колонки):

@media screen and (max-width:768px){
   .sidebar-nav{overflow:hidden;}
   #sidebar .moduletable{
      width:50%;
      text-align:center;
      float:left;
   }
}