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

[Vaccina]

В main.css найдите:

.container {
	width: 910px;
}

замените на:

.container {
  width: auto;
}
#sdvig {
	margin-left: 0;
}

[tutkypi]

Vaccina (19 Февраль 2015 - 01:45) писал:

В main.css найдите:

.container {
width: 910px;
}

замените на:

.container {
width: auto;
}
#sdvig {
margin-left: 0;
}

не помогает

[Danil]

tutkypi (18 Февраль 2015 - 23:30) писал:

Здравствуйте,как исправить это?Шапка вроде адаптируется,но вот фоновое(где надпись обведена зеленым) эти три картинки не меняются.
Аккаунт SL-325231
http://medkaz.ru

Здравствуйте.
Адаптировать фон можно, но для этого вам нужно видоизменить само изображение(сделать его в ширину 1903px, а высоту примерно 140px, так же вам нужно уменьшить саму надпись чтобы при таких размерах изображения она умещалась в середину шапкки)и произвести замену по инструкции ниже.
В main.css найдите код

.fixed-header .header-wrapper {background: url('{ASSETS_IMAGE_PATCH}bgmini.jpg') no-repeat;background-position: center top;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}

и замените на

.fixed-header .header-wrapper {background: url('{ASSETS_IMAGE_PATCH}bgmini.jpg') no-repeat;background-position: center top;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;background-size: 100% 140px;}

[vencedor]

Здравствуйте.
После изменения в этих строках, цвет заднего фона каталога остался без изменений - серым, зато появилась рамка. Текст как не было видно, так и по прежнему не видно.
Помогите исправить.

Vaccina (06 Февраль 2015 - 01:50) писал:

В main.css за фон данного списка отвечают следующие блоки:

.header .primary .navbar .nav > .parent > a, .header .primary .navbar .nav > li.parent:hover > a {
background: #f2f2f2;
position: relative;
}
.header .primary .navbar .nav > li > a, .header .primary .navbar .nav > li > a:visited {
background: #f2f2f2;
border: 1px solid #f2f2f2;
border-radius: 0;
font-weight: normal;
margin: 0;
padding: 7px 9px 7px 59px;
text-decoration: none;
}

З.Ы. аккаунт SL-287428

[Vaccina]

В main.css найдите:

.header .primary .navbar .navbar-collapse {
  border: 0 none;
  box-shadow: none;
  margin: 22px 0 0;
  max-height: inherit;
  overflow: hidden !important;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 200%;
  z-index: 919;
}

замените на:

.header .primary .navbar .navbar-collapse {
  border: 0 none;
  box-shadow: none;
  margin: 22px 0 0;
  max-height: inherit;
  overflow: hidden !important;
  padding: 0 15px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  z-index: 919;
}

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

.header .primary .navbar .nav > .parent > a, .header .primary .navbar .nav > li.parent:hover > a {
  background: #00541f;
  position: relative;
}

замените на:

.header .primary .navbar .nav > .parent > a, .header .primary .navbar .nav > li.parent:hover > a {
  background: #00541f;
  color: #fff;
  position: relative;
}

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

.header .primary .navbar .nav > li.parent:hover > a {
  background: #fff;
  border-bottom-color: transparent;
  border-radius: 3px 3px 0 0;
}

замените на:

.header .primary .navbar .nav > li.parent:hover > a {
  background: #fff;
  border-bottom-color: transparent;
  border-radius: 3px 3px 0 0;
  color: #000 !important;
}

[vencedor]

Огромное спасибо, вроде после проверки выглядит супер! С меня шоколадка

[vencedor]

Подскажите ещё пожалуйста, где в коде указаны размеры изображений каталога? как бы их сделать по меньше размерами? А то один товар на весь экран телефона показывается, не очень удобно с большим каталогом.

[Vaccina]

Попробуйте следующее, в main.css найдите:

.product, .cat {
  width: 300px;
}

замените на:

.product, .cat {
  width: 140px;
}

[vencedor]

Практически то, что нужно. Получились вытянутые "столбики". Видимо нужно очень много изменений внести (шрифт, иконки корзины и т.д.)?

[Vaccina]

После измененного блока:

.product, .cat {
  width: 140px;
}

пропишите:

.product-img {
  height: 160px;
}
.product .product-hover .product-name, .product .product-hover .product-icon, .product .product-hover .price {
  display: none;
}

[vencedor]

Спасибо, работает))