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


Растянута Картинка В Мобильной Версии


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

#1 Raf_Z

Raf_Z

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

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородОмск

Отправлено 11 Март 2017 - 11:21

Добрый день!
1. Помогите поправить картинку на главной в мобильной версии (инфографика) - она там растянута по вертикали.

2. В мобильной версии отсутствует текст на главной.

Благодарю!

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

  • Screenshot_2017-03-11-14-15-17.png
  • Screenshot_2017-03-11-14-15-21.png


#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 11 Март 2017 - 11:57

Просмотр сообщенияRaf_Z (11 Март 2017 - 11:21) писал:

Добрый день!
1. Помогите поправить картинку на главной в мобильной версии (инфографика) - она там растянута по вертикали.

2. В мобильной версии отсутствует текст на главной.

Благодарю!

Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
}

И замените его вот этим вот кодом:


img {
    max-width: 100%;
    height: auto !important;
    vertical-align: middle;
    border: 0;
}

#3 Raf_Z

Raf_Z

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

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородОмск

Отправлено 11 Март 2017 - 12:05

Просмотр сообщенияRayLi (11 Март 2017 - 11:57) писал:

Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}

И замените его вот этим вот кодом:


img {
max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0;
}

Благодарю, это помогло.
А еще помогите с div.title - на мобильной версии не влезает, видимо, и поэтому его нет. А также, если можно, то подскажите, как на заднем фоне текста сделать полупрозрачную белую прямоугольную подложку. Я планирую сменить фото и этот прямоугольник нужен для того, чтобы текст было видно.
Благодарю!

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 15 Март 2017 - 13:40

Просмотр сообщенияRaf_Z (11 Март 2017 - 12:05) писал:

Благодарю, это помогло.
А еще помогите с div.title - на мобильной версии не влезает, видимо, и поэтому его нет. А также, если можно, то подскажите, как на заднем фоне текста сделать полупрозрачную белую прямоугольную подложку. Я планирую сменить фото и этот прямоугольник нужен для того, чтобы текст было видно.
Благодарю!
Здравствуйте. Вам необходимо в файле main.css найти блок
#slideshow .text {top: 70%;right: 0;}
#slideshow .text .title {display: none;}
и заменить его на  
#slideshow .text {top: 4%;right: 0;text-align: right;}
#slideshow .text .title {/* display: none; */text-align: right;}
Что касается мобильных устройств, то в даном случае могу предложить Вам немного уменьшить размер шрифта. Для это в файле main.css найдите строку
@media all and (max-width: 481px) {
и сразу после нее добавьте блок
#slideshow .text .title {
	font-size: 17px;
}


#5 Raf_Z

Raf_Z

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

  • Пользователи
  • PipPipPip
  • 111 сообщений
  • ГородОмск

Отправлено 15 Март 2017 - 14:36

Просмотр сообщенияStasya (15 Март 2017 - 13:40) писал:

Здравствуйте. Вам необходимо в файле main.css найти блок
#slideshow .text {top: 70%;right: 0;}
#slideshow .text .title {display: none;}
и заменить его на  
#slideshow .text {top: 4%;right: 0;text-align: right;}
#slideshow .text .title {/* display: none; */text-align: right;}
Что касается мобильных устройств, то в даном случае могу предложить Вам немного уменьшить размер шрифта. Для это в файле main.css найдите строку
@media all and (max-width: 481px) {
и сразу после нее добавьте блок
#slideshow .text .title {
font-size: 17px;
}

Благодарю!

#6 Kapal

Kapal

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

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

Отправлено 01 Июль 2017 - 18:46

Здравствуйте! Похожие проблемы. Описание товара в мобильной версии выводится не корректно. Фото в блоке полного описания товара в мобильной версии растянуто. В ПК версии описание выводится не на весь экран. Скрин с ПК прилагаю.

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

  • скрин.jpg


#7 metry

metry

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

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

Отправлено 03 Июль 2017 - 10:30

Добрый день. С отображением описания проблем не обнаружил. Чтобы исправить отображение фото зайдите в Товары-->Товары-->Для дома и дачи-->Кожгалантерея-->Рюкзак Swissgear . Откройте текст полного описания Товара через кнопку "Источник". В открывшемся коде для всех изображений замените фиксированные размеры ширины и высоты, т.е.

найдите строки вида:

style="width: 1000px; height: 1000px;"

замените на:

style="width: 100%; height: auto;"


#8 Kapal

Kapal

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

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

Отправлено 04 Июль 2017 - 16:58

Спасибо! Красиво стало.

#9 Petr_IS

Petr_IS

    Новичок

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

Отправлено 15 Ноябрь 2018 - 03:31

извините такой вопрос, в мобильной версии растягиваются по вертикали все фото, которые я добавляю в "статьи" и в текст через html модуль. выглядит ужасно. что можно сделать - не посоветуете?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных