Mobile screen vertical table problem in cart

[dreikunst]

This reply has been marked as private.

[dreikunst]

Hey,
any solutions?

Best regards,
Uli

[Mohammad – SUPPORT]

Hi,
I really apologize for the delay in getting back to you. I tried to resolve these issues many times but not able to fix. Now developer of theme will assist you.

Thanks
Mohammad

[Swift Ideas – Ed]

What is the link for the first screenshot?

2nd screenshot, the best you can do is with this custom css:

@media (max-width: 479px) {
#order_review table.shop_table th, #order_review table.shop_table td {
display: block;
}
#order_review table.shop_table td.product-name {
  display: block;
  width: 100%;
}
#order_review table.shop_table tbody th, #order_review table.shop_table tbody td {
  display: block;
  width: 100%;
}
}

– Ed

[dreikunst]

This reply has been marked as private.

[dreikunst]

custom css code doesn’t work.

see attached screenshot from ipad vertical.

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Change the code to:

@media (max-width: 979px) {
#order_review table.shop_table th, #order_review table.shop_table td {
display: block;
}
#order_review table.shop_table td.product-name {
  display: block;
  width: 100%;
}
#order_review table.shop_table tbody th, #order_review table.shop_table tbody td {
  display: block;
  width: 100%;
}
}

– Ed

[dreikunst]

This reply has been marked as private.

[Swift Ideas – Ed]

Right, hopefully this time sorted – it would be best to adjust the css to:

@media (max-width: 1024px) {
#order_review table.shop_table th, #order_review table.shop_table td {
display: block;
}
#order_review table.shop_table td.product-name {
  display: block;
  width: 100%;
}
#order_review table.shop_table tbody th, #order_review table.shop_table tbody td {
  display: block;
  width: 100%;
}
}

– Ed