Адаптация размера Банера в мобильной версии

[Viva99]

Помогите пожалуйста разобраться с проблемой в opencart 1.5.6. Раньше банер на главной странице работал через модуль приветствие, сегодня решил его сделать через стандартный модуль «банер» и «слайдшоу», но в мобильной версии оказалось фото сильно растянуто, а сама главная страница интернет магазина сжимается. Выводил этот банер на главной, в категориях товара везде такое, что делать не знаю! Проблемы такой на форуме ни у кого не нашёл, подскажите пожалуйста! Сам ин-т магазин под мобильную версию адаптируется нормально, но с банером нет

Viva Collection

[Ptenec]

17 минут назад, Viva99 сказал:

Помогите пожалуйста разобраться с проблемой в opencart 1.5.6. Раньше банер на главной странице работал через модуль приветствие, сегодня решил его сделать через стандартный модуль «банер» и «слайдшоу», но в мобильной версии оказалось фото сильно растянуто, а сама главная страница интернет магазина сжимается. Выводил этот банер на главной, в категориях товара везде такое, что делать не знаю! Проблемы такой на форуме ни у кого не нашёл, подскажите пожалуйста! Сам ин-т магазин под мобильную версию адаптируется нормально, но с банером нет

Viva Collection

кеш почистите http://joxi.ru/eAO4Ya7S9b7Yyr     http://joxi.ru/a2XeZy3uwd7XyA

[Viva99]

Чистил через админ панель, не помогло, спасибо!

[Viva99]

Сейчас банер работает через модуль приветствие, когда так, все ок

[Ptenec]

8 минут назад, Viva99 сказал:

Чистил через админ панель, не помогло, спасибо!

причем тут кеш админки?)  кеш браузера

[Viva99]

Сейчас посмотрите

[Ptenec]

5 минут назад, Viva99 сказал:

Сейчас посмотрите

http://joxi.ru/DrlOoPQuVEJagA

[Ptenec]

7 минут назад, Viva99 сказал:

Сейчас посмотрите

да не у меня проблема в кеше и куки  а у вас! очистите http://joxi.ru/1A59xeziDWZeLA

 

или попробуйте запустить через другой браузер с которого на свой сайт не заходили

Змінено 30 серпня 2019 користувачем Ptenec

[Viva99]

2 минуты назад, Ptenec сказал:

http://joxi.ru/DrlOoPQuVEJagA

Ну так половины банера нет

[Ptenec]

5 минут назад, Viva99 сказал:

Ну так половины банера нет

да вижу
сделайте так  место этого 
<img src="https://viva-collection.com.ua/image/cache/data/zastavki/slide-bg-1-670x370.jpg" alt="фото 1" title="фото 1">

 

это

<img src="https://viva-collection.com.ua/image/cache/data/zastavki/slide-bg-1-670x370.jpg" alt="фото 1" title="фото 1" class="img-responsive">
или

поменяйте это 

.banner div img {

1. margin-bottom: 20px;

}

на это
 

1. .banner div img {
   1. margin-bottom: 20px;
   2. display: block;
   3. max-width: 100%;
   4. height: auto;
   }
   и будет ок

 

[Viva99]

16 минут назад, Ptenec сказал:

да вижу
сделайте так  место этого 
<img src="https://viva-collection.com.ua/image/cache/data/zastavki/slide-bg-1-670x370.jpg" alt="фото 1" title="фото 1">

 

это

<img src="https://viva-collection.com.ua/image/cache/data/zastavki/slide-bg-1-670x370.jpg" alt="фото 1" title="фото 1" class="img-responsive">
или

поменяйте это 

.banner div img {

1. margin-bottom: 20px;

}

на это
 

1. .banner div img {
   1. margin-bottom: 20px;
   2. display: block;
   3. max-width: 100%;
   4. height: auto;
   }
   и будет ок

 

 

16 минут назад, Ptenec сказал:

да вижу
сделайте так  место этого 
<img src="https://viva-collection.com.ua/image/cache/data/zastavki/slide-bg-1-670x370.jpg" alt="фото 1" title="фото 1">

 

это

<img src="https://viva-collection.com.ua/image/cache/data/zastavki/slide-bg-1-670x370.jpg" alt="фото 1" title="фото 1" class="img-responsive">
или

поменяйте это 

.banner div img {

1. margin-bottom: 20px;

}

на это
 

1. .banner div img {
   1. margin-bottom: 20px;
   2. display: block;
   3. max-width: 100%;
   4. height: auto;
   }
   и будет ок

 

Подскажите пожалуйста где это нужно сделать? Я не очень разбираюсь?

[Ptenec]

5 минут назад, Viva99 сказал:

 

Подскажите пожалуйста где это нужно сделать? Я не очень разбираюсь?

 

напишите доступ фтп в лс поставлю класификацию в слайдер    личные сообщения почитайте

Змінено 30 серпня 2019 користувачем Ptenec

[Ptenec]

catalog/view/theme/carera/stylesheet/stylesheet.css  откройте файл

найдите строку 1621
и замените 
 

.banner div img {

margin-bottom: 20px;

}

на это
 

.banner div img {

margin-bottom: 20px;

display: block;

max-width: 100%;

height: auto;

}

[Ordalion]

Добрый вечер. Стандартный банер. Как его сделать ровно в мобильной версии?