Grid View Spacing Error

Screenshot attached.
restaurantwarehse.com

I have grid view as my default now, with large images like donedeal.com ..

but my spacing is way off between rows and the footer.

Please advise

 

Figured it out guys!

When you move the default to Grid View with a 100% width on the thumbnails (Like donedeal) you have to change the spacing in the ul.grid li

Code:

ul.grid li {
    position: relative;
    display: block;
    float: left;
    width:200px;
    height:170px;
    margin-right: 20px;
    padding-right: 15px;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
 
}

 

Ok problem.. How can I correct this CSS to work with Internet Explorer and Safari? Right now it is showing ok in Chrome.

 

Also as well as the post above.. on Grid View -- the Spacing on MOBILE is really jacked up.. how can this be fixed?

 

Hello careykidd!

We have checked your website in both IE and safari and doesn't find any issue that you have mentioned in your issue.
See screenshot:-


As far as next query is concerned,please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 480px){
ul#products {
  width: 200px;
}
}

Thanks,
Praveen