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


Мобильная Версия Сайта


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

#41 Firefly

Firefly

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

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

Отправлено 29 Август 2017 - 20:57

Просмотр сообщенияKapal (29 Август 2017 - 20:47) писал:

После изменений проблема не решилась. Вернул строку в первоначальный вид.

Здравствуйте.
После выполнения инструкции проблема должна исчезнуть. Попробуйте применить ее заново и перед проверкой очистить кэш браузера.
Как будет выглядеть на скриншоте в приложении.

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

  • Screenshot.png


#42 Scarp

Scarp

    Пользователь

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

Отправлено 30 Октябрь 2017 - 21:13

Доброго времени суток! После изменений съехала мобильная версия. Есть ли возможность подправить? SL-425612

#43 Vaccina

Vaccina

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

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

Отправлено 31 Октябрь 2017 - 07:07

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

Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
  .shopping-cart-table .qty-button-down {margin-left: 107px;}
  .shopping-cart-table tfoot {background: #eee;}
  .fieldKey .right {float: right;}
  #footer .feedbackForm .buttons .buy_button {float: left;margin-left: -1px;}

  #feedbackForm input[type="text"],  #feedbackForm input[type="email"] {width: 233px;}
  .feedbackForm .left {width: 100%;}
  .feedbackForm input[type="text"],  .feedbackForm input[type="email"] {width: 228px;}
  .feedbackForm textarea {width: 252px;}


после него пропишите:
	#header {height: auto;}
	#header .container {width: 90%;}
	#header .container .logo{width: 100%;}
	#header .container .contacts {margin: 0;}
	#header .container .contacts > div{width: 49%; display: inline-block;margin: 0;}
	#header .container .contacts, #header .container .contacts span{font-size: 24px;}
	#header .container .nav-container{width: 100%;}
	#header .container .nav-container .nav_block_head_field {width: calc(100% - 50px);}
	.promo_block {top: 0px !important;padding-bottom: 100px;}
	.contentText, .contentText .main_part_wrapper{width: 90% !important;}


Результат:
Скриншот сделанный 2017-10-31 в 11.06.47.png

#44 Scarp

Scarp

    Пользователь

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

Отправлено 31 Октябрь 2017 - 12:36

Огромное человеческое спасибо! Но... когда телефон вертикально все замечательно, а когда горизонтально наблюдаются проблемы(

#45 Vaccina

Vaccina

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

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

Отправлено 01 Ноябрь 2017 - 08:27

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

Пришлите пожалуйста скриншот с проблемой.

#46 Scarp

Scarp

    Пользователь

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

Отправлено 01 Ноябрь 2017 - 09:42

Вот

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

  • Screenshot_2017-11-01-12-36-001.jpeg


#47 Scarp

Scarp

    Пользователь

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

Отправлено 01 Ноябрь 2017 - 20:49

Тема не актуальна, собрал с нуля...

#48 Antzrex

Antzrex

    Новичок

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

Отправлено 15 Апрель 2019 - 15:11

Помогите настроить мобильную версию.
Не очень хорошо понимаю, как это выглядеть должно.

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

  • ке1.JPG


#49 fantom77

fantom77

    Новичок

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

Отправлено 21 Апрель 2019 - 08:32

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

#50 Vaccina

Vaccina

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

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

Отправлено 24 Апрель 2019 - 08:44

Просмотр сообщенияAntzrex (15 Апрель 2019 - 15:11) писал:

Помогите настроить мобильную версию.
Не очень хорошо понимаю, как это выглядеть должно.

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

После изменений выше зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
  #header .nav-container .visible_on {display: block;}
  .nav-container{text-align:left;background: none;margin-top: 0}

замените на:
  #header .nav-container .visible_on {display: block;}
  .nav-container{text-align:left;background: none;margin-top: 0;position: relative;left: initial;top: initial;width: 100%;}


далее найдите:
.logo {width: 290px;float: none;padding: 5px;}

замените на:
  .logo {width: 100%;float: none;padding: 5px;text-align:center;}
	.logo img {width: auto;}

Просмотр сообщенияfantom77 (21 Апрель 2019 - 08:32) писал:

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

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

Укажите пожалуйста номер аккаунта.




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

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