Сообщений в теме: 5

[Константин1111]

Добрый день. Когда заходишь через Гугл Хром на сайт,все блоки отображаются ровно, но через мобильный или с устройства с более меньшим расширением экрана блоки сайта выходят за границы в хаотическом порядке. Как это исправить,подскажите ...

[Сake]

У вас нарушена адаптивность. Адаптивность подразумевает изменения оформления в зависимости от разрешения экрана. Изображение логотипа у вас имеет большой размер, что не позволяет его отображать корректно как на большом разрешении, так и на маленьком. Для исправления проблемы логотипа - добавьте в конец файла стилей style.css

@media only screen and (max-width:959px) {
  #header-logo img {
	 width: 100%;
  }
}

[D_mix]

И у меня тоже посмотрите пожалуйста как подправить

[Сake]

Пожалуйста, уточните о каком именно аккаунте идет речь?

[D_mix]

SL-281626

[Сake]

В файле стилей main.css найдите

#header #logo {
  bottom: 63px;
  clear: both;
  float: left;
  margin: 12px 12px 12px 0;
  position: absolute;
}

и замените на

#header #logo {
  clear: both;
  float: left;
  margin: 5% 12px 12px 0;
}

далее найдите

#header #cart {
  bottom: 140px;
  min-width: 300px;
  position: absolute;
  right: 20px;
  z-index: 20;
}

и замените на

#header #cart {
  min-width: 300px;
  z-index: 20;
}

Это исправит проблему с отображением логотипа и корзины при адаптивном построении мобильной версии.