broken catalog grid view table

Go to this File: skin\frontend\default\jm_megamall\css\styles.css

Replace this code

Code:

.products-grid li.item {
    border-bottom: 1px solid #ebebeb
    float: left;
    padding: 0
}

with

Code:

.products-grid li.item {
    border-bottom: 1px solid #ebebeb ;
    float: left;
    padding: 0;
    min-height:307px;
}

Attachment 36901

hello.

The code changes JM products in Main page mobile view.
and.. I tried to find out where to fix it…
can’t fine it..

help me..

thanks always.

Please open the file /skin/frontend/default/jm_megamall/css/layout-mobile.css.

At line 420, replace this declaration:

Code:

.list-categories .products-grid li.item {
    width: 50% !important;
}

With:

Code:

.list-categories .products-grid li.item {
    min-height: 20px;
    width: 50% !important;
}