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

[Иванов]

Здравствуйте!

Наш сайт не корректно отображается на мобильных устроийствах...  помогите пож-та исправить проблему!

НА скрине обозначили как можно просмотреть "косяки".

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

• 
• 

[мистка]

прога в помощь >>>

[Иванов]

Админы, помогите кто-нибудь!

[Иванов]

Админы, месяц прошёл, а ответа так и нет...((((

[Ирина345]

Иванов (16 Август 2015 - 21:59) писал:

Админы, месяц прошёл, а ответа так и нет...((((

Здравствуйте, найдите в файле style.css

.container{width:710px;position: relative;}
  .column,.columns{margin:0 10px}

замените на

.container{width:710px;position: relative;}
  .column,.columns{margin:0 5px}

[Иванов]

Ирина345 (17 Август 2015 - 14:26) писал:

Здравствуйте, найдите в файле style.css

.container{width:710px;position: relative;}
.column,.columns{margin:0 10px}

замените на

.container{width:710px;position: relative;}
.column,.columns{margin:0 5px}

к сожалению, не помогло!

[Danil]

Иванов (15 Сентябрь 2015 - 17:11) писал:

к сожалению, не помогло!

В style.css найдите код

#header #cart_block {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	top: 86px;
	background: #fcfcfc;
	width: auto;
}

и замените на

#header #cart_block {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
	top: 68px;
	background: #fcfcfc;
	width: auto;
}

Так же найдите

.group {
	margin: 0;
	padding: 15px 15px 15px 15px;
}

и замените на

.group {
	margin: 0;
}

[Иванов]

Danil (15 Сентябрь 2015 - 19:29) писал:

В style.css найдите код

#header #cart_block {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
top: 86px;
background: #fcfcfc;
width: auto;
}

и замените на

#header #cart_block {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
top: 68px;
background: #fcfcfc;
width: auto;
}

Так же найдите

.group {
margin: 0;
padding: 15px 15px 15px 15px;
}

и замените на

.group {
margin: 0;
}

всё осталось по-прежнему. ((

[Danil]

Иванов (15 Сентябрь 2015 - 20:10) писал:

всё осталось по-прежнему. ((

В конец style.css добавьте  

.htmlDataBlock img, .htmlDataBlock iframe {
	max-width: 100% !important;
}

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

[sadmagazin]

Danil (15 Сентябрь 2015 - 20:16) писал:

В конец style.css добавьте  

.htmlDataBlock img, .htmlDataBlock iframe {
max-width: 100% !important;
}

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

Здравствуйте!

У нас такая же проблема: некорректное отображение на мобильных устройствах.

Помогите исправить пож-та!

[MikDark]

sadmagazin (19 Сентябрь 2015 - 18:35) писал:

Здравствуйте!

У нас такая же проблема: некорректное отображение на мобильных устройствах.

Помогите исправить пож-та!

Покажите, пожалуйста, на скриншотах, что Вам нужно поправить.

[sadmagazin]

MikDark (19 Сентябрь 2015 - 18:39) писал:

Покажите, пожалуйста, на скриншотах, что Вам нужно поправить.

уменьшите окно браузера и увидите все косяки: в первую очередь верхняя шапка, видео на главной, и куда-то пропадает раздел с категориями...

[sadmagazin]

sadmagazin (19 Сентябрь 2015 - 18:35) писал:

Здравствуйте!

У нас такая же проблема: некорректное отображение на мобильных устройствах.

Помогите исправить пож-та!

ПРОБЛЕМА АКТУАЛЬНА!!!