Помогите разобратся с мобильной версией сайта

[ArtemZhyg]

Помогите исправить мобильную версию сайта или подскажите в каких направлениях искать
https://drive.google.com/folderview?id=0B-RLGM63pvb_dmlTekhKa3VyeFk&usp=sharing ссылка на скрины
Мой сайт geekbull.com.ua

 

[searchingman]

Темы адаптируют под разные разрешения с помощью медиа запросов.
Адаптация темы с нуля достаточно долгий процесс.
Проще выбрать уже адаптивную тему.

 

[ArtemZhyg]

Темы адаптируют под разные разрешения с помощью медиа запросов.
Адаптация темы с нуля достаточно долгий процесс.
Проще выбрать уже адаптивную тему.

В том то и дело что моя тема как бы адаптивна

 

[searchingman]

В том то и дело что моя тема как бы адаптивна

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

 

[ArtemZhyg]

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

сайт

 

[dave14]

Навскидку по ширине товарных блоков
в файле
http://geekbull.com.ua/wp-content/themes/modality/style.css
забита ширина одного товарного блока в 21%:

.woocommerce ul.products li.product {
width: 21%;
height: 355px;
}

Чтобы один блок занимал больше места добавьте в этот файл

@media only screen and ( max-width: 479px ) {
.woocommerce ul.products li.product {
width: 48% !important;
}

 

[ArtemZhyg]

Навскидку по ширине товарных блоков
в файле
http://geekbull.com.ua/wp-content/themes/modality/style.css
забита ширина одного товарного блока в 21%:

.woocommerce ul.products li.product {
width: 21%;
height: 355px;
}

Чтобы один блок занимал больше места добавьте в этот файл

@media only screen and ( max-width: 479px ) {
.woocommerce ul.products li.product {
width: 48% !important;
}

Спасибо стало лутше, но вознкла проблема с неровным отображением карточек товара
https://drive.google.com/drive/u/0/folders/0B-RLGM63pvb_dmlTekhKa3VyeFk

 

[dave14]

Спасибо стало лутше, но вознкла проблема с неровным отображением карточек товара
https://drive.google.com/drive/u/0/folders/0B-RLGM63pvb_dmlTekhKa3VyeFk

ну я так понимаю, вы скобку забыли в конце файла стилей добавить:

@media only screen and ( max-width: 479px ) {
.woocommerce ul.products li.product {
width: 48% !important;
}

.woocommerce ul.products li.product .price {
  position: absolute;
  bottom: 50px;
  left: 40px;
}

.woocommerce ul.products li.product .button {
  position: absolute;
  bottom: 0;
  left: 0px;
}
}

 

[ArtemZhyg]

ну я так понимаю, вы скобку забыли в конце файла стилей добавить:

@media only screen and ( max-width: 479px ) {
.woocommerce ul.products li.product {
width: 48% !important;
}

.woocommerce ul.products li.product .price {
  position: absolute;
  bottom: 50px;
  left: 40px;
}

.woocommerce ul.products li.product .button {
  position: absolute;
  bottom: 0;
  left: 0px;
}
}

добавил не помогло

 

[dave14]

добавил не помогло

1. с мобильника колонки нормальные

 

[dave14]

2. а чтобы убрать неровное отображение я бы min-height задал для блока цены и заголовка.

еще советую надпись "добавить в корзину" переделать на просто "В корзину"