Danil (13 Сентябрь 2014 - 19:25) писал:
В main.css найдите код
.product-list, .product-list2, .product-list3, .product-list4 { padding: 10px; margin-bottom: 15px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e1e1e1\0/; float: left; width: 100%; box-sizing: border-box; }Замените на
.product-list, .product-list2, .product-list3, .product-list4 { padding: 10px; margin-bottom: 15px; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border-bottom: 4px solid #e1e1e1; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e1e1e1\0/; float: left; margin-right:10px; box-sizing: border-box; }
Замена width: 100%; на margin-right:10px; не нравится, т.к. сам блок остается шире в мобильной версии при отображении таблицей!, а вот при отбражении списком в мобильной версии Ок.
2. Там же в мобильной версии блок с фильтрами тоже вылазит за тело сайта как при отображении таблицей, так и при отображении списком.
Мне кажется это взаимосвязанные проблемы.