Adakond (21 Февраль 2016 - 04:26) писал:
1) Товар. Смещается название модификации, кнопка "В корзину", цена, да и шрифт текста выглядит нечитабельно.
2) Основные страницы сайта. Название страниц закрывает меню. Тот же текст (
3) В подвале меню все перемешано (
4) И можно ли вообще как то сделать что бы показывалось не по 1 товару на экране а по 2 хотя бы ?
5) Отзывы кстате вообще все слетела и удалились, непонятно как вообще такое могло произойти. Я не менял там ничего.
6) На странице описания доставки вся таблица сроков доставки почтой съехала.
И просматривается вообще с данной модели телефона каталог с ужасными притормаживаниями.
Здравствуйте, мы можем Вам поправить отображение сайта в мобильной версии, только укажите, как всё должно выглядеть. А пока начнем с самого очевидного.
1) Поправим заголовок в мобильной версии. Сбой в отображении зафиксировала только на ширине 480px и меньше. Для этого зайдите в main.css, найдите код:
@media only screen and (max-width: 480px) {
после этого кода добавьте код:
.box { margin-bottom: 50px;}
поправили отображение (пункт 2)
2) Каким образом нужно разместить кнопки? Как отобразить текст (может изменить шрифт и размер)?
3) Чтобы товары отображались по два в мобильной версии Вам нужно в main.css найти код:
div.prod_hold, div.prod_hold_recent {margin:10px auto;width: 90%;}
и замените на код:
div.prod_hold, div.prod_hold_recent {margin:10px auto;width:45%;} .image.goods-cat-image-medium-square {width: 100%;height: 100%;} #column-left + #content .prod_hold {display: inline-block;margin: 12px 0;text-align: left; padding: 5px 0;}
4) Пропали отзывы. У Вас нет отзывов, потому что товара с названием "tovar" Вас не существует, возможно Вы его удалили по ошибке.
5)
Цитата
Это произошло из-за того, что по ширине таблица не убирается на экран. Как самый простой вариант решения - вообще скрыть ее в мобильной версии, потому что будет очень затруднительно разместить такое количество информации на экране телефона.
6) Что сделать с футером? как он должен располагаться?
Как вариант еще, убрать мобильную версию, и прописать в коде, чтобы на мобильном устройстве отображалось так же как на компьютере, например, при разрешении 1200px, или меньше (для таблица на странице доставки достаточно будет ширины 60px)