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

[maomas]

Здравствуйте!
У меня похожая проблема.
После удаления слайдера на главной странице по инструкции отсюда: http://forum.storela...меров-слайдера/, появилась проблема при просмотре сайта на экране смартфона (или при уменьшении ширины окна браузера).
Суть проблемы на скриншоте:



Причем на страницах каталога, доставки и других все нормально и верхняя часть не съезжает влево.

Помогите, пожалуйста исправить. Заранее спасибо!

[Danil]

Здравствуйте.
Найдите в

maomas (02 Август 2014 - 13:28) писал:

Здравствуйте!
У меня похожая проблема.
После удаления слайдера на главной странице по инструкции отсюда: http://forum.storela...меров-слайдера/, появилась проблема при просмотре сайта на экране смартфона (или при уменьшении ширины окна браузера).
Суть проблемы на скриншоте:



Причем на страницах каталога, доставки и других все нормально и верхняя часть не съезжает влево.

Помогите, пожалуйста исправить. Заранее спасибо!

Здравствуйте.
Найдите в style.css эту строчку и удалите.

.home #header {margin-left: -384px;}

[maomas]

К сожалению, это не помогло...
Если в style.css вернуть эту строчку:

.home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}

то шапка вроде выравнивается, но вылезают другие косяки(((
И еще раз повторюсь, что на других страницах, кроме главной, все окей...

[Danil]

maomas (03 Август 2014 - 11:02) писал:

К сожалению, это не помогло...
Если в style.css вернуть эту строчку:

.home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}

то шапка вроде выравнивается, но вылезают другие косяки(((
И еще раз повторюсь, что на других страницах, кроме главной, все окей...

Найдите в style.css код и удалите

.home #header {
margin-left: -480px;
}

Так же найдите и удалите этот код

.home #header {
margin-left: -220px;
}

И удалите этот код

.home #header {
margin-left: -150px;
}

[maomas]

Большое спасибо, Danil! Все получилось!)))

[malroz]

Возможно, мы что то сделали не так (когда подстраивались под мобильну версию), посмотрел сегодня на другом мониторе (16:9 разрешение 1920х1080), полоска поиска съехала, корзины вообще не видно! На моем мониторе iMac нормально (1680х1050). Как добиться что бы на любом мониторе ни чего не съезжало? Скрин:

[batta]

malroz (04 Август 2014 - 17:53) писал:

Возможно, мы что то сделали не так (когда подстраивались под мобильну версию), посмотрел сегодня на другом мониторе (16:9 разрешение 1920х1080), полоска поиска съехала, корзины вообще не видно! На моем мониторе iMac нормально (1680х1050). Как добиться что бы на любом мониторе ни чего не съезжало? Скрин:

Здравствуйте.
Найдите в Style.css

#search input[type="submit"] {
outline: none;
padding: 0!important;
margin: 0;
border: none;
position: absolute;
z-index: 99999;
cursor: pointer;
top: 36px;
width: 21px;
height: 40px;
background-image: url('http://design.avtodrug66.ru/arrow1.png');
background-position: 1px 1px;
background-repeat: no-repeat;
background-color: #ff0000;
position: absolute;
right: -20px;
text-indent: -2000px-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

измените на

#search input[type="submit"] {
outline: none;
padding: 0!important;
margin: 0;
border: none;
position: absolute;
z-index: 99999;
cursor: pointer;
top: 0px;
width: 21px;
height: 40px;
background-image: url('http://design.avtodrug66.ru/arrow1.png');
background-position: 1px 1px;
background-repeat: no-repeat;
background-color: #ff0000;
position: absolute;
right: -20px;
text-indent: -2000px-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
}

[malroz]

Спасибо, не знаю как на том мониторе (который 16:9), узнаю только завтра, но на моем сейчас съехала (а было все ок))) Нужно какой то волшебный код ) , что б на всех мониторах было ок

[batta]

malroz (04 Август 2014 - 18:16) писал:

Спасибо, не знаю как на том мониторе (который 16:9), узнаю только завтра, но на моем сейчас съехала (а было все ок))) Нужно какой то волшебный код ) , что б на всех мониторах было ок

В Style.css допишите

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}
}

перед 1072 строчка

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

и произведите выше сказанные инструкции

[malroz]

маленько не понял, вот это вставить в 1071 строчку или то, что там есть заменить, или третий вариант - это вставить между 1071 и 1072 строчкой? )

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}
}

[batta]

malroz (04 Август 2014 - 18:34) писал:

маленько не понял, вот это вставить в 1071 строчку или то, что там есть заменить, или третий вариант - это вставить между 1071 и 1072 строчкой? )

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}
}

Да в эту строчку написать.

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}
}

[malroz]

че то туплю не подетски, попробовал дописать, у меня все сузилось как в мобильной версии ), сделал все обратно (как было), вот 1071 и 1072 строчка:

@media only screen and (min-width: 480px) and (max-width: 767px {
  #search input[type="submit"]{top: 52px;}}

как насамом деле должно быть?

[batta]

malroz (04 Август 2014 - 18:51) писал:

че то туплю не подетски, попробовал дописать, у меня все сузилось как в мобильной версии ), сделал все обратно (как было), вот 1071 и 1072 строчка:

@media only screen and (min-width: 480px) and (max-width: 767px {
#search input[type="submit"]{top: 52px;}}

как насамом деле должно быть?

вот так должно быть

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns {width: 460px;margin:0;}

[malroz]

дак я ж говорю, что я так пробовал! гляньте что получилось )

[batta]

malroz (04 Август 2014 - 19:09) писал:

дак я ж говорю, что я так пробовал! гляньте что получилось )

В Style.css

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}}
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns {width: 460px;margin:0;}

измените на

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #search input[type="submit"]{top: 52px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .hidden-tablet {display: none !important;}
  .container {width: 460px;}
  .container .column,  .container .columns {margin-left: 5px;margin-right: 5px;}
  .columns.alpha {margin-left: 0;margin-right: 5px;}
  .columns.omega {margin-right: 0;margin-left: 5px;}
  .alpha.omega {margin-left: 0;margin-right: 0;}
  .container .two.columns {width: 200px;}
  .container .four.columns {width: 100%;}
  .container .five.columns, .container .twelve.columns {width: 460px;margin:0;}

[malroz]

ну как бы сейчас нормально, только полоска поиска на место не встала, как была так и осталась (скрин выше)

[MikDark]

malroz (04 Август 2014 - 19:18) писал:

ну как бы сейчас нормально, только полоска поиска на место не встала, как была так и осталась (скрин выше)

Изменения произвели, посмотрите.

[malroz]

Спасибо, сечас все ок!!! завтра гляну как на другом мониторе (который 16:9) будет смотреться и отпишусь...

[malroz]

Не успел порадоваться, как новая проблема: когда делаешь прокрутку вниз строка поиска появляется и как бы следует за тобой, дак вот там еще эта полоска также съехала:

[Vaccina]

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

.header_bar #search input[type="submit"] {
	border: 2px solid #ff0000;
	height: 40px;
	position: absolute;
	right: 0;
}

замените на:

.header_bar #search input[type="submit"] {
	border: 2px solid #ff0000;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}