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

[lek005]

Здравствуйте.   Как исправить страницу товара в мобильной версии? см. картинку

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

• 

[Vaccina]

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

.product-info > .left {
float: left;
width: 282px;
}

замените на:

.product-info > .left {
float: left;
width: auto;
}
.product-info .image {
	width: auto;
}
#tabs a {
	padding: 3px;
}

[lek005]

Vaccina (27 Январь 2015 - 02:39) писал:

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

.product-info > .left {
float: left;
width: 282px;
}

замените на:

.product-info > .left {
float: left;
width: auto;
}
.product-info .image {
	width: auto;
}
#tabs a {
	padding: 3px;
}

Не помогло , так же без изменений.

[lek005]

Vaccina (27 Январь 2015 - 02:39) писал:

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

.product-info > .left {
float: left;
width: 282px;
}

замените на:

.product-info > .left {
float: left;
width: auto;
}
.product-info .image {
	width: auto;
}
#tabs a {
	padding: 3px;
}

Может вы мне скажете как исправить? Буду очень благодарен . Спасибо

[Alekseys]

lek005 (27 Январь 2015 - 15:47) писал:

Может вы мне скажете как исправить? Буду очень благодарен . Спасибо

Здравствуйте. Попробуйте в main.css в блоки

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

и

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

добавить

#tabs a {
padding: 10px 3px;
}

[lek005]

Alekseys (27 Январь 2015 - 16:15) писал:

Здравствуйте. Попробуйте в main.css в блоки

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

и

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

добавить

#tabs a {
padding: 10px 3px;
}

Не помогает (

[Alekseys]

lek005 (27 Январь 2015 - 17:32) писал:

Не помогает (

Уточните пожалуйста, Вы выполнили указанную выше инструкцию? Не вижу у вас данных изменений.

[lek005]

Alekseys (27 Январь 2015 - 17:52) писал:

Уточните пожалуйста, Вы выполнили указанную выше инструкцию? Не вижу у вас данных изменений.

Я все вставил  как вы Описали) но результата не было . потом поменял как было

[Alekseys]

lek005 (27 Январь 2015 - 17:59) писал:

Я все вставил  как вы Описали) но результата не было . потом поменял как было

Пожалуйста верните изменения обратно.

[lek005]

Alekseys (27 Январь 2015 - 18:17) писал:

Пожалуйста верните изменения обратно.

Все вернул обратно. посмотрите пожалуйста.

[lek005]

Alekseys (27 Январь 2015 - 18:17) писал:

Пожалуйста верните изменения обратно.

После добавление у меня в компьютерной версии получилось вот  так

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

• 

[Vaccina]

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

.product-info {
	float: left;
	width: 282px;
}

замените на:

.product-info {
	float: left;
	width: 100%;
}

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

.product-info > .left + .right {
	margin-left: 320px;
}

после него вставьте:

.product-info > .left {
	width: 310px;
	float: left;
}

[lek005]

.

Vaccina (28 Январь 2015 - 02:24) писал:

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

.product-info {
float: left;
width: 282px;
}

замените на:

.product-info {
float: left;
width: 100%;
}

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

.product-info > .left + .right {
margin-left: 320px;
}

после него вставьте:

.product-info > .left {
width: 310px;
float: left;
}

Спасибо помогло. но в мобильной версии страница товара кривая до сих пор

[Ирина345]

lek005 (28 Январь 2015 - 15:12) писал:

.


Спасибо помогло. но в мобильной версии страница товара кривая до сих пор

Здравствуйте, протестировали на мобильном устройстве данной проблемы не обнаружили,
не могли бы ВЫ прислать как именно у Вас отображается сайт

[lek005]

Ирина345 (28 Январь 2015 - 19:00) писал:

Здравствуйте, протестировали на мобильном устройстве данной проблемы не обнаружили,
не могли бы ВЫ прислать как именно у Вас отображается сайт

Да пожалуйста, посмотрите

Ирина345 (28 Январь 2015 - 19:00) писал:

Здравствуйте, протестировали на мобильном устройстве данной проблемы не обнаружили,
не могли бы ВЫ прислать как именно у Вас отображается сайт

картинка и  нижнее описание съехала в право

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

• 

[Vaccina]

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

#tabs a {
	font-size: 12px;
	padding: 10px;
}

замените на:

#tabs a {
	font-size: 12px;
	padding: 1px;
}

[lek005]

Vaccina (29 Январь 2015 - 02:15) писал:

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

#tabs a {
font-size: 12px;
padding: 10px;
}

замените на:

#tabs a {
font-size: 12px;
padding: 1px;
}

Вкладки исправлены, ну  а с картинкой и описанием что делать ?

[Vaccina]

После:

#tabs a {
font-size: 12px;
padding: 1px;
}

попробуйте прописать:

.product-info .image {
	margin-left: 0 !important;
	width: 160px;
}