Wp Ecommerce Responsive CSS

Add the following CSS rules to make WP-Ecommerce plugin more responsive to mobile devices:

#content .product_grid_display .item_image a {
display: inline;
}
#primary #content #grid_view_products_page_container, #primary #content #grid_view_products_page_container, #primary #content #list_view_products_page_container {
line-height: 1.2em;
min-width: 300px;
position: relative;
width: 100%;
}
#default_products_page_container .imagecol img, #list_view_products_page_container img, #grid_view_products_page_container img {
height: auto !important;
}
#checkout_page_container {
clear: both;
position: relative;
width: 100%;
}

Leave a Comment