Having trouble fitting your tables into a responsive site? They look great on a desktop layout, but look miserable on mobile. The Basics First remove any fixed widths from your markup. Before: <table width="540"> <tr> <td width="300"> Header 1 < /td> <td width="60"> Header 2 < /td> <td> Header 3 < /td> <td> Header 4 < /td> < /tr> < /table> After: <table> <tr> <td> Header 1 < /td> <td> Header 2 < /td> .
The look and feel of your store are completely controlled by your WordPress theme. We already noticed that even a theme like Storefront already delivers good results. It’s just better to use a theme that has been created by using WooCommerce in mind. If you would use a standard WordPress theme like Twenty Fifteen or Twenty Sixteen WooCommerce will still work, but layout issues might occur. We have two possibilities when choosing a design .