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

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем pumix, 21.08.2016.

  1. Offline

    pumix Недавно здесь

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

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

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Её итак нет. Это не мобильная версия, а адаптивная вёрстка.
    Ты хочешь, чтобы при заходе с устройства c низким разрешение для блока с меню ставилось display: none?
    Так это просто через media-queries делается.
     
    pumix нравится это.
  4. Offline

    pumix Недавно здесь

    Регистрация:
    03.06.2016
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Просто я долго ждал ответа, и за это время где-то нашел и поменял строчку в index.php на

    <meta name="viewport" content="width=1200px, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

    Не знаю правильно или нет, но сейчас он выглядит так как есть, и так как Вы говорите. Т.е. в адаптивной верстке. А вообще интересовало, как сделать (не знаю display: none, или нет), чтобы не был такой вид в смартфоне примерно:

    А нужно, чтобы модули с картинками уменьшались в размере.
     

    Вложения:

Поделиться этой страницей

Загрузка...