Вид Сайта
#1
Отправлено 18 Февраль 2018 - 21:31
#2
Отправлено 19 Февраль 2018 - 20:57
#3
Отправлено 20 Февраль 2018 - 19:40
VADEK (18 Февраль 2018 - 21:31) писал:
Здравствуйте.
Извините за ожидание.
Уточните, пожалуйста, вопрос еще актуален? Сейчас насколько видно с мобильных устройств сайт отображается аналогично основной версии.
#4
Отправлено 20 Февраль 2018 - 20:36
тег прописал давно,до запуска трафика на сайт,а проблема у посетителей такая возникает,так же съезжает шапка с категориями
#5
Отправлено 21 Февраль 2018 - 11:21
VADEK (20 Февраль 2018 - 20:36) писал:
тег прописал давно,до запуска трафика на сайт,а проблема у посетителей такая возникает,так же съезжает шапка с категориями
Проверил на мобильном устройстве ios - открылась полная версия.
Попробуйте добавить в main.css в самом начале
@-ms-viewport { width: 1200px; } @-webkit-viewport { width: 1200px; } @-moz-viewport { width: 1200px; } @-o-viewport { width: 1200px; } @viewport { width: 1200px; }
https://toster.ru/q/205685
#7
Отправлено 26 Ноябрь 2021 - 19:50
Dimarik55 (26 Ноябрь 2021 - 10:13) писал:
SL-535464
Помогите плиз! Необходимо привести слайдер с каруселью в юзабилити вид. В данный момент он выглядит вот так. (см. вложения)
А должен так же как на сайте или тогда уже вообще не отображаться
Screenshot_20211126_124502_com.android.chrome.jpg Screenshot_20211126_124506_com.android.chrome.jpg Screenshot_20211126_124510_com.android.chrome.jpg Screenshot_20211126_124513_com.android.chrome.jpg
Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;} .col-contact {margin-bottom: 20px;} .sort-by {display: block;width: 100%;margin-top: 10px;}
И сразу после добавьте данный код:
#slideshow {top: 275px;} #slideshow .item {height: 450px;background-size: contain !important;}
#8
Отправлено 28 Ноябрь 2021 - 11:23
stasia (26 Ноябрь 2021 - 19:50) писал:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;} .col-contact {margin-bottom: 20px;} .sort-by {display: block;width: 100%;margin-top: 10px;}
И сразу после добавьте данный код:
#slideshow {top: 275px;} #slideshow .item {height: 450px;background-size: contain !important;}
Здравствуйте.
Сделал, помогло. Спасибо!
Слайдер стал отображаться нормально
а вот текстовые формы пропали со слайдера(
#9
Отправлено 30 Ноябрь 2021 - 06:33
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .item .content {display: none;}
замените на:
#slideshow .item .content {top: 0;} #slideshow .item .content h2 {font-size: 24px;} #slideshow .item .content p {font-size: 16px;} #slideshow .item .content .button {margin-top: 10px;}
#10
Отправлено 30 Ноябрь 2021 - 17:33
Vaccina (30 Ноябрь 2021 - 06:33) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#slideshow .item .content {display: none;}
замените на:
#slideshow .item .content {top: 0;} #slideshow .item .content h2 {font-size: 24px;} #slideshow .item .content p {font-size: 16px;} #slideshow .item .content .button {margin-top: 10px;}
Screenshot(1).png
Спасибо! Все удачно получилось!
#11
Отправлено 30 Январь 2022 - 20:23
Поехала мобильная версия по полной.
Помогите пожалуйста, корректно привести ее в нормальный вид
С картинками такая же проблема и в новостях:
https://abriz55.ru/n...ilya-tak-vazhen
https://abriz55.ru/news/svet
https://abriz55.ru/news/socials
и можно ли сделать мобильную версию статичной к маштабированию? Что бы нельзя увеличивать масштаб сайта.
как тут https://vipceiling.ru/omsk/
#12
Отправлено 01 Февраль 2022 - 07:27
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;} .col-contact {margin-bottom: 20px;} .sort-by {display: block;width: 100%;margin-top: 10px;} #slideshow {top: 275px;} #slideshow .item {height: 450px;background-size: contain !important;}
замените на:
@media all and (max-width: 481px) { .col-smb-12 {width: 100%;} .col-contact {margin-bottom: 20px;} .sort-by {display: block;width: 100%;margin-top: 10px;} #slideshow {top: 0px;} #slideshow .item {height: 250px;background-size: contain !important;} .htmlDataBlock img {width: 100% !important;height: auto !important;}
#14
Отправлено 02 Февраль 2022 - 07:34
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cart-compare > div {width: 50%;} #header .top-links {height: 53px;} #header .social-links {position: absolute;top: 55px;right: 10px;}
замените на:
.cart-compare > div {width: 50%;} #header .top-links {height: 53px;} #header .social-links {overflow: visible;position: absolute;top: 25px;right: 10px;} #header .social-links .vk {position: absolute;top:115px;left: -70px;} #header .social-links .instagram{position: absolute;top:115px;left: -25px;} #header .script-form {position: absolute;top: 75px;right: 10%;}
#15
Отправлено 02 Февраль 2022 - 08:02
Vaccina (02 Февраль 2022 - 07:34) писал:
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.cart-compare > div {width: 50%;} #header .top-links {height: 53px;} #header .social-links {position: absolute;top: 55px;right: 10px;}
замените на:
.cart-compare > div {width: 50%;} #header .top-links {height: 53px;} #header .social-links {overflow: visible;position: absolute;top: 25px;right: 10px;} #header .social-links .vk {position: absolute;top:115px;left: -70px;} #header .social-links .instagram{position: absolute;top:115px;left: -25px;} #header .script-form {position: absolute;top: 75px;right: 10%;}
Сделал, ничего не поменялось(
#17
Отправлено 02 Февраль 2022 - 09:02
Изменения увидел, но у меня к примеру в телефоне (honor 9) отображается вот так:
А если смотреть через код страницы в device toolbar, то выглядит вот так:
Можно ли тогда сделать, что бы на большинстве устройств это выглядело вот так:
#18
Отправлено 02 Февраль 2022 - 18:31
Не нашел только как передвинуть лого немного влево и верхнюю кнопку формы (которая синяя) в право, что бы черную кнопку формы выровнять по ней
как по последнему изображению
И подскажите, возможно ли сделать запрет на масштабирование сайта в мобильной? Сделать мобильную версию статичной
#19
Отправлено 03 Февраль 2022 - 06:48
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 103px;text-align: center;} #header .container > .logo a {display: block;line-height: 103px;vertical-align: middle;z-index: 2;} #header .container > .logo img {display: inline-block;max-height: 90px;} #custommenu {display: none;}
замените на:
#header .container > .logo {display: block;float: left;position: relative;width: 170px;height: 103px;text-align: left;} #header .container > .logo a {display: block;line-height: 103px;vertical-align: middle;z-index: 2;} #header .container > .logo img {display: inline-block;max-height: 90px;} #custommenu {display: none;}
далее найдите:
#header .script-form {position: absolute;top: 75px;right: 25px;}
замените на:
#header .script-form {position: absolute;top: 75px;right: 35px;}
Далее зайдите в шаблон HTML - найдите:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
замените на:
<meta name="viewport" content="width=device-width, user-scalable=no">
#20
Отправлено 03 Февраль 2022 - 07:34
В принципе все гуд. Только с масштабированием ничего не поменялось.
Зум по прежнему присутствует. Проверил в двух мобильных браузерах, после чистки кэша
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных