Отображение Слайдера В Мобильной Версии
#1
Отправлено 18 Май 2017 - 13:29
У меня слайдер на телефоне уходит влево, а на компьютере отображается как надо. Как это можно исправить?
#2
Отправлено 18 Май 2017 - 13:46
НатальяC (18 Май 2017 - 13:29) писал:
У меня слайдер на телефоне уходит влево, а на компьютере отображается как надо. Как это можно исправить?
Здравствуйте. Для начала Вам нужно убрать в main.css код:
.slider { width: 117.5%; margin-left: -100px; }
у Вас появятся белые полосы по бокам, но если их нужно убрать, мы сделаем это другим способом
#3
Отправлено 18 Май 2017 - 16:34
MikDark (18 Май 2017 - 13:46) писал:
.slider { width: 117.5%; margin-left: -100px; }
у Вас появятся белые полосы по бокам, но если их нужно убрать, мы сделаем это другим способом
Да, я этот код поставила, чтобы сделать слайдер во всю ширину экрана. Сейчас уберу.
Убрала код. Как теперь сделать, чтоб картинка была во всю ширину экрана?
#4
Отправлено 18 Май 2017 - 19:29
НатальяC (18 Май 2017 - 16:34) писал:
Убрала код. Как теперь сделать, чтоб картинка была во всю ширину экрана?
На данный момент слайдер пропорционально увеличивается/уменьшается в размерах, в зависимости от разрешения. Ошибка описанная Вами не наблюдается.
#5
Отправлено 18 Май 2017 - 20:05
Danil (18 Май 2017 - 19:29) писал:
На данный момент слайдер пропорционально увеличивается/уменьшается в размерах, в зависимости от разрешения. Ошибка описанная Вами не наблюдается.
.slider {width: 117.5%;margin-left: -100px;}
На картинке показано, что слайдер стоит как надо, но на телефоне он уходит влево. Мне нужно, чтоб и на телефоне и с компьютера картинка слайдера смотрелась во всю ширину экрана.
#6
Отправлено 18 Май 2017 - 20:19
НатальяC (18 Май 2017 - 20:05) писал:
.slider {width: 117.5%;margin-left: -100px;}
На картинке показано, что слайдер стоит как надо, но на телефоне он уходит влево. Мне нужно, чтоб и на телефоне и с компьютера картинка слайдера смотрелась во всю ширину экрана.
Изменения Вам произвел, проверьте, пожалуйста.
#9
Отправлено 19 Май 2017 - 08:21
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#powered { background: #ddd; height: 105px; padding: 5px; }
замените на:
#powered { height: 105px; padding: 5px; }
#10
Отправлено 19 Май 2017 - 14:38
Vaccina (19 Май 2017 - 08:21) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#powered { background: #ddd; height: 105px; padding: 5px; }
замените на:
#powered { height: 105px; padding: 5px; }
Я нашла только код
#powered{background:#e4bb3f;height:105px;padding:5px;text-align: left;}
где #e4bb3f это мой цвет настроен. Меня и волнует, почему с компьютера все одним цветом, а с телефоном по прежнему серым отображается?
#11
Отправлено 20 Май 2017 - 07:59
Сайт - Редактор шаблонов - main.css - 934 строка:
#powered{background:#ddd;height:105px; padding:5px;}
в данной строке удалите:
background:#ddd;
Этот стиль указан для мобильной версии, поэтому в мобильной версии сайта немного иное отображение.
#12
Отправлено 20 Май 2017 - 08:21
Vaccina (20 Май 2017 - 07:59) писал:
Сайт - Редактор шаблонов - main.css - 934 строка:
#powered{background:#ddd;height:105px; padding:5px;}
в данной строке удалите:
background:#ddd;
Этот стиль указан для мобильной версии, поэтому в мобильной версии сайта немного иное отображение.
Спасибо!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных