Bakery use float:left to build the row's on the page. it's a question of the width from the content around the bakery table. but take a look into the bakery page settings, so that you have no fixed table width there, use style="width:100%;" instead of a width="600px" (for example), important is here %
important for the width of a row inside of the bakery table is the width and the display mode of the thumbs and maybe the settings for that
P.S.: same procedure for all other subpages in bakery, item detail, basket, the forms etc
for the rest...
variant 1: use a grid system in you template to build the row's - needs a complete recoding or a new template
variant 2: use responsive width values (in %) and a special mobile.css, maybe in combination with media-query's. daflagga is preperad for mobiles and use some of this media-query's, but not for all elements.
be sure, that your main content go'es not out of the display, normale size is 90% of the display-width,