Перейти к содержимому


Отображение Слайдера В Мобильной Версии


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 18 Май 2017 - 13:29

Здравствуйте. Аккаунт SL-410190  
У меня слайдер на телефоне уходит влево, а на компьютере отображается как надо. Как это можно исправить?

Прикрепленные изображения

  • 2.jpg
  • 3.jpg


#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 18 Май 2017 - 13:46

Просмотр сообщенияНатальяC (18 Май 2017 - 13:29) писал:

Здравствуйте. Аккаунт SL-410190  
У меня слайдер на телефоне уходит влево, а на компьютере отображается как надо. Как это можно исправить?

Здравствуйте. Для начала Вам нужно убрать в main.css код:
.slider {
	width: 117.5%;
	margin-left: -100px;
}

у Вас появятся белые полосы по бокам, но если их нужно убрать, мы сделаем это другим способом

#3 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 18 Май 2017 - 16:34

Просмотр сообщенияMikDark (18 Май 2017 - 13:46) писал:

Здравствуйте. Для начала Вам нужно убрать в main.css код:
.slider {
width: 117.5%;
margin-left: -100px;
}

у Вас появятся белые полосы по бокам, но если их нужно убрать, мы сделаем это другим способом

Да, я этот код поставила, чтобы сделать слайдер во всю ширину экрана. Сейчас уберу.

Убрала код. Как теперь сделать, чтоб картинка была во всю ширину экрана?

#4 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 18 Май 2017 - 19:29

Просмотр сообщенияНатальяC (18 Май 2017 - 16:34) писал:

Да, я этот код поставила, чтобы сделать слайдер во всю ширину экрана. Сейчас уберу.

Убрала код. Как теперь сделать, чтоб картинка была во всю ширину экрана?
Здравствуйте.
На данный момент слайдер пропорционально увеличивается/уменьшается в размерах, в зависимости от разрешения. Ошибка описанная Вами не наблюдается.

#5 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 18 Май 2017 - 20:05

Просмотр сообщенияDanil (18 Май 2017 - 19:29) писал:

Здравствуйте.
На данный момент слайдер пропорционально увеличивается/уменьшается в размерах, в зависимости от разрешения. Ошибка описанная Вами не наблюдается.
Вы не поняли в чем суть. Мне нужно слайдер сделать во всю ширину экрана. Я его сделала вставив код в конце main.css

.slider {width: 117.5%;margin-left: -100px;}

На картинке показано, что слайдер стоит как надо, но на телефоне он уходит влево. Мне нужно, чтоб и на телефоне и с компьютера картинка слайдера смотрелась во всю ширину экрана.

Прикрепленные изображения

  • 2.jpg
  • 4.jpg


#6 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 18 Май 2017 - 20:19

Просмотр сообщенияНатальяC (18 Май 2017 - 20:05) писал:

Вы не поняли в чем суть. Мне нужно слайдер сделать во всю ширину экрана. Я его сделала вставив код в конце main.css

.slider {width: 117.5%;margin-left: -100px;}

На картинке показано, что слайдер стоит как надо, но на телефоне он уходит влево. Мне нужно, чтоб и на телефоне и с компьютера картинка слайдера смотрелась во всю ширину экрана.
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#7 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 18 Май 2017 - 20:25

Просмотр сообщенияDanil (18 Май 2017 - 20:19) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

Спасибо. Вроде все на места встало.

#8 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 18 Май 2017 - 20:42

Еще можно такой момент решить: внизу сайта отображается по разному на компьютере и на телефоне цвет.

Прикрепленные изображения

  • 5.jpg
  • 6.jpg


#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Май 2017 - 08:21

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#powered {
	background: #ddd;
	height: 105px;
	padding: 5px;
}

замените на:
#powered {
	height: 105px;
	padding: 5px;
}


#10 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Май 2017 - 07:59

Здравствуйте.

Сайт - Редактор шаблонов - main.css - 934 строка:

#powered{background:#ddd;height:105px; padding:5px;}

в данной строке удалите:
background:#ddd;

Этот стиль указан для мобильной версии, поэтому в мобильной версии сайта немного иное отображение.

#12 НатальяC

НатальяC

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 67 сообщений

Отправлено 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 анонимных