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

Тема в разделе "Opencart", создана пользователем AN7G7EL7, 8 июн 2014.

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

    AN7G7EL7 Постоялец

    Регистр.:
    2 июл 2013
    Сообщения:
    111
    Симпатии:
    24
    Делаю магазин на платном шаблоне, вот он - http://ocstore.an7g7el7.tmweb.ru/. Есть одна визуальная проблема. На мониторах поменьше картинки слайдеров на главной обрезаються по бокам. то есть слайдеры не адаптируються (не подгоняються под размеры монитора), хотя если уменьшать окно браузера меньше то слайдеры начинают автоматически принимать соответствующие размеры. Как сделать чтобы этот эфект происходил по всему этапу? Что нужно изменить и где?
     
  2. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    483
    Симпатии:
    288
    Нормально все отображается. Даже при 320х480 flexslider работает на ура. Проверил в firefox 29 (ctrl+shift+m)
     
  3. AN7G7EL7

    AN7G7EL7 Постоялец

    Регистр.:
    2 июл 2013
    Сообщения:
    111
    Симпатии:
    24
    но это да....не спорю, но почему он начинает адаптироваться только с этих размеров? Мне надо чтобы и с этих также слайдеры подгонялись -

    1280x800

    1440x900

    1600x1024

    1680x1050

    Вообщем адаптация слайдеров начинает работать где то с 933 по ширине, но как сделать чтобы этот эфект соабатывал и с разрешений повыше?
     
    Последнее редактирование модератором: 9 июн 2014
  4. inturned

    inturned Webmaster & Designer

    Регистр.:
    7 ноя 2011
    Сообщения:
    530
    Симпатии:
    244
    в файле стилей css (по умолчанию: style.css) найдите @-правила: @media - это правило отвечает за адаптивность.

    Пример:
    Код:
    @media screen and (max-width: 800px) {
      /* specific CSS */
    }
     
    AN7G7EL7 нравится это.