Hi,
In think it comes from the CSS code used for mobile devices which is only on the frontend.
It's this CSS code:
@media only screen and (max-width: 600px), (min-device-width: 768px) and (max-device-width: 1024px) {
table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody {
display: block;
}
table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody tr td {
text-align: left;
}
table.hikashop_order_main_table fieldset#htmlfieldset_products table thead {
display: none;
}
#hikashop_order_main fieldset#htmlfieldset_products table tbody tr td:before {
content: attr(data-title);
font-weight: bold;
color: #333;
}
table.hikashop_order_main_table tbody tbody td {
display: inline-block;
border: none !important;
}
table.hikashop_no_border tbody tr td a span {
display: inline-block;
float:left;
}
table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody tr.row0 td,
table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody tr,
table.hikashop_order_main_table tbody fieldset.adminform tbody tr.row1 td {
border-bottom: 1px solid #B8B8B8!important;
}
table.hikashop_no_border tbody tr td a span.caret {
float: none;
}
#hikashop_order_main td.hikashop_empty_td {
display: none;
}
table.hikashop_order_main_table fieldset.adminform table tbody tr.row0 > tr {
border-bottom: 1px solid #ccc;
}
div#hikashop_order_main table.hikashop_no_border {
margin-bottom: 10px;
}
fieldset#htmlfieldset_products label {
font-weight: bold;
}
fieldset#htmlfieldset_billing {
margin-right: 45px;
}
td.hikashop_order_tax_title.key {
max-width: 82px;
}
#hikashop_order_main td.hikashop_order_item_image_value img,
#hikashop_order_main td.hikashop_order_item_price_value span,
#hikashop_order_main td.hikashop_order_item_quantity_value span,
#hikashop_order_main td.hikashop_order_item_total_value span,
#hikashop_order_main td.hikashop_order_tax_value,
#hikashop_order_main td.hikashop_order_subtotal_value,
#hikashop_order_main td.hikashop_order_shipping_value,
#hikashop_order_main td.hikashop_order_total_value,
#hikashop_order_main td.hikashop_order_item_price_value,
#hikashop_order_main td.hikashop_order_item_quantity_value,
#hikashop_order_main td.hikashop_order_item_total_value,
#hikashop_order_main td.hikashop_order_total_value,
#hikashop_order_main table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody tr.row1 td span,
#hikashop_order_main td.hikashop_order_item_name_value span.hikashop_order_product_name span,
#hikashop_order_main td.hikashop_order_coupon_value,
#hikashop_order_main span.hikashop_order_product_name span {
float: right;
}
td.hikashop_order_subtotal_title label,
td.hikashop_order_shipping_title label,
td.hikashop_order_total_title label {
float:left;
}
table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody tr.row1 td,
table.hikashop_order_main_table fieldset#htmlfieldset_products table tbody tr.row0 td {
width: 100%;
}
table.hikashop_order_custom_fields_table tbody tr td {
display: table-cell;
}
table.hikashop_no_border tbody tr td {
display: block;
}
#hikashop_order_main td.hikashop_order_item_name_value a.hikashop_order_product_link p,
#hikashop_order_main p.hikashop_order_option_name {
text-align: right;
margin-bottom: 0px;
}
#hikashop_order_main td.hikashop_order_item_files_value_resp {
display: block !important;
}
#hikashop_order_main td.hikashop_order_item_files_value {
display: none;
}
#hikashop_order_main td.hikashop_order_item_files_value_resp span a {
float: right;
}
#hikashop_order_main td.hikashop_order_item_files_value_resp p {
text-align: right;
}
#hikashop_order_main td.hikashop_order_item_files_value p,
#hikashop_order_main span.hikashop_order_product_name div,
#hikashop_order_main td.hikashop_order_item_files_value_resp div ,
#hikashop_order_main .hikashop_order_product_name div,
#hikashop_order_main .hikashop_order_product_name + div {
text-align: right;
}
}
And you can find it in the frontend CSS setting of the HikaShop configuration.
However, as you can see there, it starts with "@media only screen" which basically tells the browser to ignore all that CSS even if the width is small when it's not displayed on a screen (so for the printer).
And I can't reproduce the problem you're talking about on my end.
So either you have custom CSS there, or you're using an old version of the frontend CSS, or your template has some CSS of its own to handle or override that.