If you use bootstrap framework, each template can be modified as follow:
– remove some tables that contain fixed width in the css
– add a new div class=”row”
– add multiple div and assign class=”col-sm-4 col-md-6 col-lg-12″
– moving codes by block
For example: On the product_info_display template page, select the entire block “bof Attributes Module” and “eof Attributes Module”, move it into one of multile div, so that when viewing on mobile or tablet the entire block will be organized vertically