how can I make woocommerce product pages more mobile friendly

marketingimdex · September 2016

how can I make woocommerce product pages more mobile friendly?

I would like to:

Remove Image in all listings

http://dev.amcmud.com/shop/?swoof=1&product_cat=drilling-fluids&pa_industry=civil-construction

Remove related products in all product pages

http://dev.amcmud.com/shop/drilling-fluids/filtrate-control-agents/amc-ezee-pac-l/

Albert · September 2016

1. To remove images from mobile, you need to use:

@media only screen and (max-width: 767px) {
    .woocommerce ul.products li.product a img { display: none !important; }
}

2. To remove Related Products from mobile, please use:

@media only screen and (max-width: 767px) {
    .woocommerce .product .related.products, .woocommerce .product .upsells.products { display: none !important; }
}

marketingimdex · September 2016

Thank you,

I am having problems now with alignment - which will affect all pages.

I am hoping this will fix these two issues:

http://dev.amcmud.com/wp-content/uploads/2016/09/Capture5.png

http://dev.amcmud.com/wp-content/uploads/2016/09/Capture4.png

Albert · September 2016

We are sorry but this couldn't be changed unfortunately. This requires files customization.

how can I make woocommerce product pages more mobile friendly

Comments