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

[maomas]

Здравствуйте!
Обратил внимание, что элементы сайта подстраиваются под ширину окна браузера. Это очень удобно, особенно для небольших экранов смартфонов. Но есть некоторые проблемы... Возможно, сам накосячил, когда убирал слайдер и промо-блок(((

Суть вот в чем:

Имеем окно растянутое на весь экран (рис. 1) - замечаний нет.



Далее делаем окно более узким (рис. 2) - также, замечаний нет.



Продолжаем сжимать (рис. 3) - всё окей.



А вот дальше начинается ерунда какая-то (рис. 4). Логотип был ужат до 32% и нисколько не читался (я его немного увеличил). Меню и поиск съехали куда-то вниз и теперь вид у сайта, как будто он немного посыпался... Но это полбеды! Кликая на меню, ничего не происходит((( То есть меню должно раскрываться, но у меня, даже, курсор не меняется на руку с пальцем. Причем это у меня происходит в браузере Chrome (на смартфоне с браузером Chrome та же ерунда). Если смотреть сайт на смартфоне в других браузерах - всё прекрасно работает.



Те же проблемы (кроме логотипа) и при максимальном сжатии окна браузера (рис. 5)



А, вот, в Internet Explorer 8 другая проблема. При уменьшении ширины окна браузера сайт не адаптируется, как это было в Хроме и если сдвинуть полосу прокрутки вправо, чтобы посмотреть скрытую часть сайта - пропадает часть изображения (рис. 6)



Помогите, пожалуйста! Заранее большое спасибо! :-)

[Alekseys]

maomas (30 Сентябрь 2014 - 07:03) писал:

Здравствуйте!
Обратил внимание, что элементы сайта подстраиваются под ширину окна браузера. Это очень удобно, особенно для небольших экранов смартфонов. Но есть некоторые проблемы... Возможно, сам накосячил, когда убирал слайдер и промо-блок(((

Суть вот в чем:

Скрытый текст

Имеем окно растянутое на весь экран (рис. 1) - замечаний нет.



Далее делаем окно более узким (рис. 2) - также, замечаний нет.



Продолжаем сжимать (рис. 3) - всё окей.



А вот дальше начинается ерунда какая-то (рис. 4). Логотип был ужат до 32% и нисколько не читался (я его немного увеличил). Меню и поиск съехали куда-то вниз и теперь вид у сайта, как будто он немного посыпался... Но это полбеды! Кликая на меню, ничего не происходит((( То есть меню должно раскрываться, но у меня, даже, курсор не меняется на руку с пальцем. Причем это у меня происходит в браузере Chrome (на смартфоне с браузером Chrome та же ерунда). Если смотреть сайт на смартфоне в других браузерах - всё прекрасно работает.



Те же проблемы (кроме логотипа) и при максимальном сжатии окна браузера (рис. 5)



А, вот, в Internet Explorer 8 другая проблема. При уменьшении ширины окна браузера сайт не адаптируется, как это было в Хроме и если сдвинуть полосу прокрутки вправо, чтобы посмотреть скрытую часть сайта - пропадает часть изображения (рис. 6)

Помогите, пожалуйста! Заранее большое спасибо! :-)

Здравствуйте. Для исправления этой ошибки в style.css замените

#bodyWrapper {
position: relative;
height: 100%;
}

на

#bodyWrapper {
position: relative;
height: 100%;
z-index: 10;
}

затем в блоке

@media only screen and (max-width: 767px) and (min-width: 480px)

замените

.container {
width: 460px;
}

на

.container {
width: 460px;
z-index: 5;
}

[maomas]

Спасибо! Но теперь при минимальной ширине окна браузера такая картина:




И в Internet Explorer 8 картинка также пропадает при смещении полосы прокрутки вправо...

[Alekseys]

maomas (01 Октябрь 2014 - 06:59) писал:

Спасибо! Но теперь при минимальной ширине окна браузера такая картина:




И в Internet Explorer 8 картинка также пропадает при смещении полосы прокрутки вправо...

Здравствуйте. Вstyle.css замените в блоке

@media only screen and (max-width: 479px)

код

.container {
width: 300px;
}

на

.container {
width: 300px;
z-index: 5;
}

[maomas]

Теперь вся нижняя часть сайта налезает на серое меню каталога(((

[Ирина345]

maomas (01 Октябрь 2014 - 10:43) писал:

Теперь вся нижняя часть сайта налезает на серое меню каталога(((

Здравствуйте, протестировали сайт, на данный момент Ваш магазин работает корректно.
Если ошибка возникает повторно пришлите скриншот .

[maomas]

Вот:

[Dars]

maomas (01 Октябрь 2014 - 15:10) писал:

Вот:

Добавьте в конец файла style.css перед последней строкой:

}

строку:

  #columnLeft {display:none;}

[maomas]

Серая менюшка каталога вообще пропала(((

[Ирина345]

maomas (01 Октябрь 2014 - 15:32) писал:

Серая менюшка каталога вообще пропала(((

Найдите  в style.css

@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; z-index: 5;}

замените на

@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; }

[maomas]

Удалил "z-index" теперь картина такая же, как в посте #3, только серой менюшки каталога так и нет((( А если окно браузера немного расширить, то получается картина, как в посте #7.

[batta]

maomas (02 Октябрь 2014 - 06:55) писал:

Удалил "z-index" теперь картина такая же, как в посте #3, только серой менюшки каталога так и нет((( А если окно браузера немного расширить, то получается картина, как в посте #7.

Здравствуйте.
Данной ошибки не наблюдаем.
Для изменения цвета найдите в style.css

.box-heading{padding: 6px 15px 6px 40px;background: #99755F url('{ASSETS_IMAGES_PATH}box-heading.png') no-repeat left center;color:#fff;font-size:17px;line-height: 30px;font-family: Calibri;font-weight: lighter;}

меняйте значение background: #99755F на то которое вам нужно.

Сообщение отредактировал batta: 02 Октябрь 2014 - 07:00

[maomas]

Ребятушки! Ну как же так?
Действительно, смотрю на смартфоне с другого браузера UC Browser - никаких проблем нет, все замечательно... А, вот, с Хромом какая-то беда, что на компе, что на телефоне... Версии браузеров - последние, кэш чищу каждый раз перед просмотром.

На данный момент проблема так и не излечена:

maomas (02 Октябрь 2014 - 06:55) писал:

... картина такая же, как в посте #3, только серой менюшки каталога так и нет((( А если окно браузера немного расширить, то получается картина, как в посте #7.

[maomas]

Почистил кеш UC Browser'а на телефоне, и установил Firefox на компе - теперь сайт нигде не отображается нормально. Везде имеется проблема, описанноая в предыдущем посте.
Ребят, подскажите, что мне еще поменять в файле style.css, чтобы сайт начал работать нормально?

[Danil]

maomas (06 Октябрь 2014 - 21:24) писал:

Почистил кеш UC Browser'а на телефоне, и установил Firefox на компе - теперь сайт нигде не отображается нормально. Везде имеется проблема, описанноая в предыдущем посте.
Ребят, подскажите, что мне еще поменять в файле style.css, чтобы сайт начал работать нормально?

Здравствуйте.
В style.css найдите код

@media only screen and (max-width: 479px)
.nav-container .menu_block_dropdown {
background-color: #000;
list-style: none;
margin: 0;
padding: 15px 0 0 0;
width: 300px;
display: none;
position: absolute;
top: 36px;
left: 0;
z-index: 99999;
}

И замените на

@media only screen and (max-width: 479px)
.nav-container .menu_block_dropdown {
background-color: #000;
list-style: none;
margin: 0;
padding: 15px 0 0 0;
width: 300px;
display: none;
top: 36px;
left: 0;
z-index: 99999;
}

[maomas]

Отлично!!!
Поставил такиеже настройки для:

@media only screen and (min-width: 480px) and (max-width: 767px)

и все заработало))))
Всем ОГРОМНОЕ спасибо за участие!