Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

 

Спасибо!

Надіслати
Поділитися на інших сайтах


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

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

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

 

.....   img {
 margin-left: auto;
 margin-right: auto;
}
ну а потом при небходимости padding-  и на этом Ваша "проблема" будет решена за 2 клика в файле стилей

 

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

 

Это помогло!

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.