Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

Некорректное отображение карточек в 2 столбца


Recommended Posts

Добрый день! Подскажите, пожалуйста, в чем может быть проблема. Сделала в мобильной версии товары в 2 колонки, но появились пробелы

Screenshot_20201111-143252.png

Screenshot_20201111-143752.png

Link to comment
Share on other sites


1 час назад, spectre сказал:

высоту выровняйте карточек

 

меняла высоту здесь, ничего не поменялось, не там ищу?

 

@media (max-width: 767px) {
.product-list .product-thumb .caption {
 min-height: 0;
 margin-left: 0;
}
.product-grid .product-thumb .caption {
 min-height: 0;
}

Link to comment
Share on other sites


если кому-то понадобиться

в stylesheet.css

В .product-thumb .caption > p.price{display:block;} добавила height: 35px; - высота цены для корректности отображения новой и старой цены

В @media (max-width: 767px) добавила .caption h4{height: 120px;} - высота текста
                                                                  .caption > div.rating{display:none;} - спрятала в мобильной версии рейтинг, тоже мешал 

Link to comment
Share on other sites


27 минут назад, Kara0505 сказал:

для таргета...тоже возмущалась:wacko:

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

Link to comment
Share on other sites


37 минут назад, Kara0505 сказал:

для таргета...тоже возмущалась:wacko:

это ваши результати в пейдж спид

https://clip2net.com/s/49MRHgr

https://clip2net.com/s/49MRIP7

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.