Карусель в opencart для мобильной версии

[andrey2000]

Здравствуйте! Хочу исправить, казалось бы, простой визуальный косяк (внизу изображение на мобильной версии размещено слева, а не по центру). Но мучаюсь уже несколько дней. Через изменение параметров класса owl-wrapper удалось параметром left: 110px !important сдвинуть картинку, но после этого сдвинулась и верхняя картинка ). Все связанные с нижним слайд-шоу классы связаны так же и с верхней картинкой. На компьютере через настройки админки удалось сделать изображения по центру, а в мобильной версии никак не получается. Хоть убирай слайд-шоу вообще ). Но и вообще убрать - тоже место пустое остаётся, в общем все варианты через ж, подскажите пожалуйста изящный выход )).

 

Спасибо!

[andrey2000]

21 минуту назад, Pascha сказал:

Согласен про то место...

Для картинок не нужно использовать margin, left, right это в любом случае коряво и потянет за собой туеву хучу велосипедов из @media запросов...
применить надо просто 
 

 

.....   img {
 margin-left: auto;
 margin-right: auto;
}

ну а потом при небходимости padding-  и на этом Ваша "проблема" будет решена за 2 клика в файле стилей

 

Спасибо! Действительно, всё проще, чем мне советовали ранее ))). Для всех, кто ищет такой же вопрос, добавлю, что редактировать нужно файл  \catalog\view\javascript\jquery\owl-carousel\owl.carousel.css    

 

Это помогло!