How to make wordpress twenty thirteen responsive for mobile

The problem is that you are using a table to display your product categories, and tables are not responsive. You need to convert all of your table cells to DIV elements, then use CSS to float them to the left.

Respected CrouchingBruin, tank you very much for your help..please can you tell step by step how to convert DIV elements and how to float..can i use custom css for this..code please.

It may be easier to use a plugin like https://www.ads-software.com/plugins/responsive-column-widgets/

or maybe this https://www.ads-software.com/plugins/easy-columns/

I would like to use a responsive background image behind site main area. I have it as
.site {
background-image: url(“/wp-content/uploads/2015/05/fwcdesign-mainbgx.jpg”);
background-color: #fff;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
margin: 0 auto;
max-width: 1200px;
width: 100%;
}
How can I make this responsive?

It’s your problem similar to me. However, it makes me the idea something for management this problem, thank for all answer.