9 Tickets
2
In the classic order form the design is break, see the attached images. This is happening on both Desktop & Mobile.
On desktop the table structure breaks, where the qty box is not in line with the qty header and price is on a seperate line. On mobile, same issue but also has buttons stacking up.
Other than the design break, how does one remove the SKU from the classic theme? I was able to remove SKU from the cream theme by adding code as per the documentation.
In a previous ticket you had provided code for the cream bulk order form, adding here in case that could be causing the design breaks:
@media screen and (max-width: 665px) { .b2bking_bulkorder_form_container_content_line .b2bking_bulkorder_cream_image.b2bking_bulkorder_indigo_image, .b2bking_cream_product_nr_icon{ display:none !important; } .b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name{ font-size: 18px !important; } .b2bking_bulkorder_indigo_product_container.b2bking_bulkorder_cream_product_container{ padding-top:0px !important; } button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add, button.b2bking_bulkorder_indigo_add.b2bking_bulkorder_cream_add:focus{ min-height: 30px !important; } .b2bking_cream_input_button { height: 30px !important; } #b2bking_myaccount_bulkorder_container .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty, .b2bking_bulkorder_form_container_content_line input.b2bking_bulkorder_form_container_content_line_qty{ height: 30px !important; } .b2bking_bulkorder_form_container_content_line_subtotal.b2bking_bulkorder_form_container_content_line_subtotal_indigo.b2bking_bulkorder_form_container_content_line_subtotal_cream{ font-size: 18px !important; top: 10.5% !important; width: 150px !important; text-align: right !important; } a.b2bking_bulkorder_indigo_name.b2bking_bulkorder_cream_name { text-align: left !important; } }
