shop product alignment problem in mobile

[dennisyoo]

hi

I made front page with Home seven: shop.

i checked mobile using my iphone 6

problem is mobile product list of frontpage/and shop page products list is not align
so i try to find solution in forum and i found this css

@media only screen and (max-width: 767px) {.home-slider-wrap {
display: none;
}
}
@media only screen and (min-width: 480px) {
li .product-details {
height: 46px;
overflow: hidden;
text-overflow: ellipsis;
}
}

cutom css and i apply it.
so now i can see corecctly align in shop page product list
but still in frontpage products list is not align

please teach me how to .. im just beginer..

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

I think you refer to the vertical height of the products?

@media only screen and (max-width: 479px) {
body .woocommerce-shop-page ul.products li.product, 
body .product_list_widget > div > ul.products li.product {
    width: 46%!important;
    min-height: 290px;
}
a.add_to_cart_button.product_type_simple {
    position: absolute;
    bottom: 0;
}
}

Thanks.

[dennisyoo]

oh god.. you are genius thank you so much and happy days!

[Rui Guerreiro – SUPPORT]

Glad it’s sorted. Thanks David.
-Rui