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


Шапка В Моб. Версии


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

#1 Юрий32

Юрий32

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

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

Отправлено 14 Июнь 2018 - 00:17

1.здравствуйте, можно ли помочь в переносе  содержимого в шапке мобильной версии как на скрине?
2.И в мобильной версии не включаются видео обзоры в описании товаров
3. вна некоторых товарах описание выходит за рамки

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

  • аппп.jpg
  • -INQ8M3A6Gs.jpg


#2 Vaccina

Vaccina

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

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

Отправлено 20 Июнь 2018 - 06:25

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle div.logo{position: absolute; top: -65px;width: 70px;}

замените на:
.htmlDataBlock #product_params, .htmlDataBlock #product_params div{width: 100% !important;}
.header-top .block-phone .block-phone-contact{position: relative;left: initial;}
.block_min{position: absolute; left:70px;top: 90px;text-align: center;}
.header-middle div.logo{position: absolute; top: -145px;width: 70px;}


#3 Юрий32

Юрий32

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

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

Отправлено 20 Июнь 2018 - 16:28

Просмотр сообщенияVaccina (20 Июнь 2018 - 06:25) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-middle div.logo{position: absolute; top: -65px;width: 70px;}

замените на:
.htmlDataBlock #product_params, .htmlDataBlock #product_params div{width: 100% !important;}
.header-top .block-phone .block-phone-contact{position: relative;left: initial;}
.block_min{position: absolute; left:70px;top: 90px;text-align: center;}
.header-middle div.logo{position: absolute; top: -145px;width: 70px;}
Спасибо, но номер телефона не на месте.

#4 Vaccina

Vaccina

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

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

Отправлено 21 Июнь 2018 - 03:37

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.header-top .block-phone .block-phone-contact{position: relative;left: initial;}

замените на:
.header-top .block-phone{width: 100%;}
.header-top .block-phone .block-phone-contact{left: initial;text-align: right;right: 0px;width: auto;top: 40px;}


меняя значение стилей right и top можете откорректировать положение телефона.




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

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