Jump to content

Xandrito

Newbie
  • Posts

    23
  • Joined

  • Last visited

Posts posted by Xandrito

  1. А ну тогда просто.

    Добавьте для .row-fluid 

    flex-wrap: wrap;

    и для .sblock3 в медиазапроссе 

    @media (max-width: 767px)

    .row-fluid .sblock3 {

    width: 100%;

    }

    поменяйте width: 100%; на min-width: 100%;

    По сотрудничеству пишите в личку)

  2. Тогда нужно добавить минимальную ширину для .sblock3

    и перенос элементов (flex-wrap: wrap) в .row-fluid 

    Но тут тогда встает другой вопрос, товар разбит на разные строки (не совсем понятно для чего) по три шт в ряд, не четное количество. То есть не получится такого размера при котором будет два товара в ряд в четном ряду ...

  3. Что нужно сделать конкретно в вашем случае (что-бы все встало ровно):

    .jshop_list_product .row-fluid {
    	display: flex;
    	justify-content: flex-start;
    }
    
    .row-fluid .sblock3 {
        flex-basis: 33%;
        display: flex;
    }
    
    .block_product, .block_product .product {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
    
    .jshop_list_product .product .name {
    	flex-grow: 1;
    	text-align: center;
    	font-size: 18px;
    	margin-bottom: 5px;
    }

     

    • Like 1
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy