Question

В моб. версии сайт плохо отображается.Названия модулей выходят за страницу,qr-код улетает в бок вместе с фоном.Как сделать так,что б сайт отображался на телефоне так,как на компютере?

Answer 1

В стилях найти строку:

h1{margin:.67em 0;font-size:2em;word-wrap: break-word;}

пропишите выделенное и будет работать перенос для h1 и ничего за пределы вылазить не будет.

Comments

Изменила,тоже самое!

---

Viktoria Petrishak,

Не то же самое, вы кеш в браузере очистите - https://ukit.com/ru/help/kak-ochistit-cahe

---

А как на телефоне?QR-код тоже нормальным будет?

---

Viktoria Petrishak,

Уточните ссылку на страницу где видна проблема с QR

---

На главной странице вылазит название,http://www.uzhgorodeks.tk/index/0-2 - тут проблема с кодом(он вылазит вместе с фоном)

---

Viktoria Petrishak,

Пропишите в стили:

img {max-width:100%;height:auto!important;}

после вылезать не будет.

---

Куда именно?

---

Viktoria Petrishak,

Сюда http://uzhhorodeks.do.am/panel/?a=tmpl;m=3;t=3 в самый низ.

---

Поставила в самый-самый конец,все тоже

Вот так }@media only screen and (max-width:360px){#catmenu ul.uMenuRoot{width:100%;min-width:100%}
 .forumContent{padding:15px}
 .wrapper{padding:0}
 .close-menu{left:90%}
 .recaptcha-wrapper [id^=recaptcha_]{-webkit-transform:scale(.88);-ms-transform:scale(.88);transform:scale(.88);margin-left:-10px}
 .recaptcha-wrapper{max-width:280px}
 .promo-txt{padding:5px 0 0}
 .promo-caption{top:10px;left:15px}
 .promo-frame{height:125px}
 .eBlock td.eDetails,.eBlock td.eDetails1,.eBlock td.eDetails2,.eDetails,.eDetails1,.eDetails2{padding:10px!important}
 #casing select{max-width:240px}
 #casing input[type=file],select[name=modopt]{width:80%;overflow:hidden;vertical-align:middle}
 form[name=searchform] input[name=kw]{width:260px}
 .popup{padding:0 15px}
}
    img {max-width:100%;height:auto!important;}

---

Viktoria Petrishak,

Кеш браузера очистите. Чисте при любых изменениях стилей иначе этих самых изменений не увидите.

---

Спасибо вам!!