Перейти к содержимому


Изменение Шапки Сайта


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 05 Сентябрь 2016 - 10:41

Аккаунт SL-315271

Помогите видоизменить шапку сайта:

Шаблон Весна.

1) В верхней красной плашке необходимо расположить элементы в таком порядке: "Аренда.Ремонт. Запчасти" - без изменений, рядом "аккордеон" (выбор города), рядом корзина, в конце - "поиск"  (без изменений.) Все расположить в одну линию, размер самой плашки (ее высоту) при этом уменьшить до узкой полоски (как в скрине)

2) В поле, где размещен логотип - добавить 2 текстовых блока - один для рекламного слогана, второй для адреса организации,  Расположить как в скрине


Скрин прилагаю


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

  • макет (1).jpg


#2 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 05 Сентябрь 2016 - 17:41

Просмотр сообщенияpro_taras (05 Сентябрь 2016 - 10:41) писал:

Аккаунт SL-315271

Помогите видоизменить шапку сайта:

Шаблон Весна.

1) В верхней красной плашке необходимо расположить элементы в таком порядке: "Аренда.Ремонт. Запчасти" - без изменений, рядом "аккордеон" (выбор города), рядом корзина, в конце - "поиск"  (без изменений.) Все расположить в одну линию, размер самой плашки (ее высоту) при этом уменьшить до узкой полоски (как в скрине)

2) В поле, где размещен логотип - добавить 2 текстовых блока - один для рекламного слогана, второй для адреса организации,  Расположить как в скрине


Скрин прилагаю



Здравствуйте.
Изменения Вам произвел, проверьте.
В шаблоне html найдите 2 строки
<div class ="adresskladr">БЛОК 1</div>
<div class ="adresskladr">БЛОК 2</div>
и замените текст "БЛОК 1" и "БЛОК 2" на свой.

#3 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 05 Сентябрь 2016 - 18:13

Просмотр сообщенияDanil (05 Сентябрь 2016 - 17:41) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.
В шаблоне html найдите 2 строки
<div class ="adresskladr">БЛОК 1</div>
<div class ="adresskladr">БЛОК 2</div>
и замените текст "БЛОК 1" и "БЛОК 2" на свой.

Спасибо!

#4 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 06 Сентябрь 2016 - 09:21

Просмотр сообщенияDanil (05 Сентябрь 2016 - 17:41) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.
В шаблоне html найдите 2 строки
<div class ="adresskladr">БЛОК 1</div>
<div class ="adresskladr">БЛОК 2</div>
и замените текст "БЛОК 1" и "БЛОК 2" на свой.

Возникает проблема на браузерах interner explorer и safari

скрины прилагаю. как-то можно поправить?

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

  • сафари.png
  • эксплорер.jpg


#5 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 06 Сентябрь 2016 - 11:27

Просмотр сообщенияpro_taras (06 Сентябрь 2016 - 09:21) писал:

Возникает проблема на браузерах interner explorer и safari

скрины прилагаю. как-то можно поправить?

Здравствуйте.
У Вас был не закрыт один из блоков в шаблоне HTML, внесли исправления.
Так же поправили некоторые стили.

В ближайшее время шапка должна будет отображаться корректно.

#6 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 09 Сентябрь 2016 - 22:08

Просмотр сообщенияFirefly (06 Сентябрь 2016 - 11:27) писал:

Здравствуйте.
У Вас был не закрыт один из блоков в шаблоне HTML, внесли исправления.
Так же поправили некоторые стили.

В ближайшее время шапка должна будет отображаться корректно.

пока без изменений....

#7 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Сентябрь 2016 - 06:34

В шаблоне HTML найдите и удалите:
<META content=IE=7 http-equiv=X-UA-Compatible>

после изменений почистите кэш браузера

#8 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 10 Сентябрь 2016 - 15:48

Просмотр сообщенияVaccina (10 Сентябрь 2016 - 06:34) писал:

В шаблоне HTML найдите и удалите:
<META content=IE=7 http-equiv=X-UA-Compatible>

после изменений почистите кэш браузера

Спасибо, с эксплорером стало все ок, а как поправить отображение на мобильных устройствах? в Сафари на ipad все равно криво...

#9 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 16 Сентябрь 2016 - 11:09

Просмотр сообщенияVaccina (10 Сентябрь 2016 - 06:34) писал:

В шаблоне HTML найдите и удалите:
<META content=IE=7 http-equiv=X-UA-Compatible>

после изменений почистите кэш браузера

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

#10 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 16 Сентябрь 2016 - 12:25

Просмотр сообщенияpro_taras (16 Сентябрь 2016 - 11:09) писал:

товарищи админы, помогите поправить отображение на мобильных устройствах....
Здравствуйте, уточните, что именно необходимо изменить в мобильной версии сайта.

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

  • QIP Shot - Screen 667.png
  • QIP Shot - Screen 668.png
  • QIP Shot - Screen 669.png


#11 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 16 Сентябрь 2016 - 15:14

Просмотр сообщенияИрина345 (16 Сентябрь 2016 - 12:25) писал:


Здравствуйте, уточните, что именно необходимо изменить в мобильной версии сайта.

1) блоки информации в верхней шапке (красное поле) - "аренда. ремонт. запчасти", меню с выбором города, корзина и поиск в версии на ПК располагаются в один ряд. А в версии на мобильных устройствах - "сваливаются" столбиком друг под друга. Когда просматриваешь вертикально на телефоне - понятно, что по другому не получится. Но при просмотре на планшете в горизонтальном режиме - хочется , чтобы было как на ПК - в одну строчку, а не друг под другом

2) в поле, где логотип и блоки со слоганом, контактами и адресом - та же беда
при просмотре на телефоне (вертикально) - поле с телефонами вообще пропадает
при просмотре на планшете ( горизонтально) - "сваливаются" в кучу....

прилагаю скрин того, что как это сейчас выглядит на планшете

может имеет смысл как-то отключить мобильную версию?

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

  • image.jpg


#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Сентябрь 2016 - 05:16

Для отключения адаптации в main.css необходимо удалить:
/* Адаптивность шаблона ==============================*/
@media only screen and (min-width: 981px) and (max-width: 1220px) {
  .inner {width:95%;}
}
@media only screen and (min-width: 990px) {
  #header  .flexslider li img.slide_img {display:block !important;}
  #header  .flexslider li .bigPic {display:none !important;}
  #header.borderless {border-bottom:none;}
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .inner {width:95%;}
  #header_colapse .inner {background:none !important;}
  #footer .column {width:22% !important;margin:10px !important;min-height:100px;}
  div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;}
  #column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent  { margin:0px 11px 20px 11px;}
  #toggle_switch {display:block;}
  p img {max-width:100% !important;height:auto !important;}
  .product-info .cart {height:auto;overflow:auto;}
  .product-info .cart input[type="text"] {margin-bottom:10px;}
  .orderStepName {font-size: 18px;}
  .orderStepName:before {margin-right: 5px;}
  table.form tr td:first-child {width: 40%;*width: 0px;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content  table.form td {position: relative;width: 100%;display: block; padding: 4px 0;}
}
@media screen and (max-width: 785px) {
  .orderStepName {font-size: 16px;}
  table.form  {table-layout: fixed;}
  table.form tr td:first-child {width: auto;}
}
@media only screen and (max-width: 625px) {
  .orderHeader  {display: none !important;}
}
@media only screen and (min-width: 557px) and (max-width: 898px) {
  .item-detail{width: 49%;}
}
@media only screen and (min-width: 480px) and (max-width: 556px) {
  .item-detail {width: 40%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #toggle_switch {display:none;}
  .inner {width:86%;}
  #header_colapse .inner {display:block !important;}
  #header #cart {right: 0px;width: auto;float: none;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;}
  #header .links {margin:0;}
  #compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;}
  #header #welcome { display: none;}
  #header #search { position:relative;clear:both;width:440px;margin-bottom: 19px;float: left;}
  #header #search input {width:380px;}
  #header #support {display:none;}
  #header #cart h4, #header #cart #cart-total {display:block;}
  #header #cart .content {top:35px;}
  #header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;}
  #column-left { float:none; width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0; }
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:14px;}
  .product-info .image {width:380px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;}
  .product-filter .view-mode label {display: none;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;}
  table.form  {table-layout: fixed;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content h4, .login-content .right p {display: none;}
  p.required {display: none;}
  .login-content  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  .generally label:after {content: ""; display: block;clear: both;}
}
@media only screen and (max-width: 480px) {
  h2 {font-size: 24px;}
  .inner {width:80%;}
  #header_colapse .inner {display:block !important;}
  #toggle_switch {display:none;}
  #header .links {margin:0;}
  #compareInfo {margin-left:0px;float: left;}
  #header #welcome {display: none;}
  #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
  #header #search input {width:70%;}
  #header #support {display:none;}
  #header #logo {margin: 0;}
  #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}
  #header #cart .heading {padding: 0 0 0 46px;}
  #header #cart .cart_circle {right: auto; left: 0;}
  #header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;}
  #header #cart .content {top:35px;}
  #header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left {float:none;width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
  div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;}
  .item-detail {width: 100%;}
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:12px;padding:10px;}
  .category-info {padding: 10px 0;}
  .category-info .left {float:none;}
  .category-info .right {margin: 10px 0 0 0; padding: 0;}
  .product-info .image {width:260px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  .login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;}
  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  #content .login-content .content {padding: 10px 0;overflow: visible;}
  p.required {display: none;}
  #content .buttons .left {display: none;}
}
/* /END адаптивность шаблона ======================================================*/


#13 pro_taras

pro_taras

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 20 Сентябрь 2016 - 11:49

Просмотр сообщенияVaccina (17 Сентябрь 2016 - 05:16) писал:

Для отключения адаптации в main.css необходимо удалить:
/* Адаптивность шаблона ==============================*/
@media only screen and (min-width: 981px) and (max-width: 1220px) {
  .inner {width:95%;}
}
@media only screen and (min-width: 990px) {
  #header  .flexslider li img.slide_img {display:block !important;}
  #header  .flexslider li .bigPic {display:none !important;}
  #header.borderless {border-bottom:none;}

}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  .inner {width:95%;}
  #header_colapse .inner {background:none !important;}
  #footer .column {width:22% !important;margin:10px !important;min-height:100px;}
  div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .price {margin-bottom:25px;}
  #column-left + #content div.prod_hold, #column-left + #content div.prod_hold_recent  { margin:0px 11px 20px 11px;}
  #toggle_switch {display:block;}
  p img {max-width:100% !important;height:auto !important;}
  .product-info .cart {height:auto;overflow:auto;}
  .product-info .cart input[type="text"] {margin-bottom:10px;}
  .orderStepName {font-size: 18px;}
  .orderStepName:before {margin-right: 5px;}
  table.form tr td:first-child {width: 40%;*width: 0px;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content  table.form td {position: relative;width: 100%;display: block; padding: 4px 0;}
}
@media screen and (max-width: 785px) {
  .orderStepName {font-size: 16px;}
  table.form  {table-layout: fixed;}
  table.form tr td:first-child {width: auto;}
}
@media only screen and (max-width: 625px) {
  .orderHeader  {display: none !important;}
}
@media only screen and (min-width: 557px) and (max-width: 898px) {
  .item-detail{width: 49%;}
}
@media only screen and (min-width: 480px) and (max-width: 556px) {
  .item-detail {width: 40%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #toggle_switch {display:none;}
  .inner {width:86%;}
  #header_colapse .inner {display:block !important;}
  #header #cart {right: 0px;width: auto;float: none;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly{display: block;position: relative;padding: 0;bottom: 0;opacity: 1;width: 200px; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price { display: block !important;}
  #header .links {margin:0;}
  #compareInfo {margin: 10px auto -20px;width: 100%;text-align: center;}
  #header #welcome { display: none;}
  #header #search { position:relative;clear:both;width:440px;margin-bottom: 19px;float: left;}
  #header #search input {width:380px;}
  #header #support {display:none;}
  #header #cart h4, #header #cart #cart-total {display:block;}
  #header #cart .content {top:35px;}
  #header_colapse .inner { overflow: visible; padding:8px 0; background:none !important;}
  #column-left { float:none; width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0; }
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:14px;}
  .product-info .image {width:380px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left div.prod_hold, #column-left div.prod_hold_recent {margin:0px 8px 20px 8px;}
  .product-filter .view-mode label {display: none;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;}
  table.form  {table-layout: fixed;}
  #content .login-content .content {padding: 0;overflow: visible;}
  .login-content h4, .login-content .right p {display: none;}
  p.required {display: none;}
  .login-content  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  .generally label:after {content: ""; display: block;clear: both;}
}
@media only screen and (max-width: 480px) {
  h2 {font-size: 24px;}
  .inner {width:80%;}
  #header_colapse .inner {display:block !important;}
  #toggle_switch {display:none;}
  #header .links {margin:0;}
  #compareInfo {margin-left:0px;float: left;}
  #header #welcome {display: none;}
  #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
  #header #search input {width:70%;}
  #header #support {display:none;}
  #header #logo {margin: 0;}
  #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}
  #header #cart .heading {padding: 0 0 0 46px;}
  #header #cart .cart_circle {right: auto; left: 0;}
  #header #cart h4, #header #cart #cart-total {display:block;text-align: left !important;}
  #header #cart .content {top:35px;}
  #header_colapse .inner {overflow:visible;padding:8px 0;background:none !important;}
  #main_nav { display: none; }
  .selectnav { display: block; margin:6px 0 0 0; width:100%; }
  #column-left {float:none;width:100%;}
  #column-left .recent {display: none!important;}
  #column-left + #content {margin: 0;}
  .box-product, .product-list, .product-list2, .product-list3, .product-list4 {text-align:center;}
  div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
  div.prod_hold > div .prod-info-fly, div.prod_hold_recent > div .prod-info-fly {width: 100%;}
  div.prod_hold .name, div.prod_hold .price, div.prod_hold_recent .name, div.prod_hold_recent .price {display: none;}
  div.prod_hold .prod-info-fly, div.prod_hold_recent .prod-info-fly {display: block;position: relative;padding: 0;bottom: 0;opacity: 1; }
  div.prod_hold .prod-info-fly .name, div.prod_hold .prod-info-fly .price, div.prod_hold_recent .prod-info-fly .name, div.prod_hold_recent .prod-info-fly .price{display: block !important;}
  .item-detail {width: 100%;}
  #footer .column {width:100% !important;margin:10px 0 !important;min-height:100px;}
  #footer .one_fourth {display: none;}
  #footer .one_fourth.last {display: block;}
  #tabs a {font-size:12px;padding:10px;}
  .category-info {padding: 10px 0;}
  .category-info .left {float:none;}
  .category-info .right {margin: 10px 0 0 0; padding: 0;}
  .product-info .image {width:260px;}
  .product-info .image img{max-width:100%; }
  .product-info >.left, .product-info > .left + .right {float:none;margin: 0;}
  .login-content .left, .login-content .right {width:95%;float:left;margin-bottom:10px;}
  img {max-width:100% !important;height:auto !important;}
  textarea {width: 100%;}
  #column-left .box .box-heading:after {content: url("{ASSETS_IMAGES_PATH}downArrow.png?design=spring") no-repeat right center;position: absolute;right: 16px;top: 10px;cursor: pointer;}
  #column-left .box .box-heading + .box-content {display: none;}
  #column-left .box .box-heading.up:after {content: url("{ASSETS_IMAGES_PATH}UPArrow.png?design=spring") no-repeat right center;}
  table.form td {position: relative;width: 100%;display: block;padding: 4px 0;}
  #content .login-content .content {padding: 10px 0;overflow: visible;}
  p.required {display: none;}
  #content .buttons .left {display: none;}
}
/* /END адаптивность шаблона ======================================================*/
на планшете практически без изменений, только плашки стали обрезанными

скрин прикрепляю

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

  • image.jpg


#14 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 20 Сентябрь 2016 - 12:14

Просмотр сообщенияpro_taras (20 Сентябрь 2016 - 11:49) писал:

на планшете практически без изменений, только плашки стали обрезанными

скрин прикрепляю

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

#15 Razon

Razon

    Активный участник

  • Модератоpы
  • 321 сообщений

Отправлено 20 Сентябрь 2016 - 13:01

Просмотр сообщенияpro_taras (20 Сентябрь 2016 - 11:49) писал:

на планшете практически без изменений, только плашки стали обрезанными

скрин прикрепляю

Для того,  чтоб цвет плашек был во весь экран,  независимо от передвижения по сайту с мобильных устройств,
В файле main.css внизу добавьте строки:
@media screen and (max-width: 1200px) {
#container {width:1200px;}
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных