Question

всем привет)

мой сайт на мобильных устройствах отображается некорректно. все смещено влево. на компах и ноутбуках все ок.  подскажите как исправить?

и еще-после установки фона-картинки в шапку сайта.

<style>
 header {
 display: block; height: 480px;
 background:url('/1/6iyogbabT.gif') ; 
  }
 </style> 

на главной меню подпрыгнуло вверх. на остальных страницах интернет-магазина все ок. как исправить?

спасио)

Answer 1

На главной сломана адаптивность из-за того, что вы список категорий оформили 5-колоночным и с картинками, а можно было бы в 3 колонки сделать, было бы меньше вреда для дизайна. Аналогично шапку сайта вроде сделали отлично, но этим иконочным меню вы такше сломали адаптивность шапки сайта. Одной конкретной правки в стили вам не дам так как нет такой, дизайном главной нужно заняться плотно и написать стили для адаптивности, обратитесь к фрилансерам - https://upartner.pro/

Comments

так на главной нет списка категорий. список категорий находится на странице-/shop. там все работает как надо. если удалить размер фона шапки display: block; height: 480px, то главная будет отображаться как надо, правда не так как хотелось бы. фоновый рисунок будет на всю страницу, а мне нужно-только чтобы в шапке был

---

Светлана .....................,

Да, уже понял, смотрел сразу главную магазина и принял ее за главную сайта.

---

по поводу отображения на мобилках (смещение влево) -это у меня что-то не правильно прописано .  может нужно прописать версию сайта для мобильных телефонов?  или все равно ничего не изменится?

---

фоновый рисунок это не 3 кота, это вот этот

---

Светлана .....................,

Над котами? Из body удалите background, а это пропишите в ксс .header {background: url("http://igrushki-kids.ucoz.net/1/6iyogbabT.gif") transparent;}

---

Sentimo,

вы волшебник) спасибо-работает)