Помогите исправить адаптивный дизайн

Тема в разделе "Opencart", создана пользователем sergei1974, 3 сен 2015.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. sergei1974

    sergei1974 Постоялец

    Регистр.:
    18 ноя 2014
    Сообщения:
    89
    Симпатии:
    18
  2. bezzubtsev

    bezzubtsev

    Регистр.:
    14 май 2015
    Сообщения:
    230
    Симпатии:
    65
    Тут неправильно http://111.o-d.od.ua/catalog/view/xds_shutter/style.css
    Точнее кто-то делал стили, но не сделал их для мобильных устройств.
    Там стоит минимальная ширина
    Код:
    min-width: 980px;
     
  3. sergei1974

    sergei1974 Постоялец

    Регистр.:
    18 ноя 2014
    Сообщения:
    89
    Симпатии:
    18
    Подскажите пожалуйста как это исправить? Потому как демо версия, на телефоне отображается правильно
     
    Последнее редактирование: 3 сен 2015
  4. perfectartyshock

    perfectartyshock Создатель

    Регистр.:
    9 сен 2014
    Сообщения:
    34
    Симпатии:
    10
    Используя свойство css @Media
    Например
    @media (min-width: 480px) {
    body {
    color:#000;
    }
    }
    Вы таким способом указали, что для устройств с экраном меньше 480px основной цвет шрифта будет черным. Открывает свой сайт на мобильном или эмуляторе, смотрите какие блоки стоят неправильно и прописываете в конструкцию выше необходимые свойства. Так можно добиться идеального отображения вашего шаблона на мобильных устройствах.
     
    sergei1974 нравится это.