В теме одно сообщение

[Eshadrikov]

Добрый день. Подскажите, что поправить, что бы в мобильной версии сайт отображался корректно? На скрине видно, телефон съехал, кнопка "оставить заявку" тоже непонятная. и как настроить фоторгафии, что бы они не заезжали за края в моб.версии? Спасибо

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

• 

[Vaccina]

В style.css найдите и удалите:

#shopping_cart a {
  background: none;
  border-radius: 0;
  color: #555555;
  display: block;
  float: right;
  font-weight: 700;
  height: 90px;
  min-width: 0;
  text-decoration: none;
  width: 100%;
}

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

#header_shopping_cart{position: static;width:186px;height:82px;float:right;clear:both;margin-top:25px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#FFA07A url('{ASSETS_IMAGES_PATH}button.png?design=autumn') no-repeat -1px;border:3px solid #cecece;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:60px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

замените на:

#header_shopping_cart{position: static;width:186px;height:82px;float:right;clear:both;margin-top:25px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:url('{ASSETS_IMAGES_PATH}button.png?design=autumn') no-repeat -1px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:60px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

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

#storenumber {
		position: absolute;
		font:bold 25px ;
		left: 60%;
		top: 43%;
}

замените на:

#storenumber {
  left: 50%;
  margin-left: -50px;
  position: absolute;
  top: 43%;
}