How To Keep Content Tables Responsive On Mobile?

Store Design
1

Hey All,

Maybe someone knows the problem. When I import the table into my product, it is correctly displayed on the desktop but cut off on the mobile.

Snipaste_2022-03-31_11-00-46.jpg
Snipaste_2022-03-31_11-00-46.jpg395×840 32.7 KB

My item link is here: https://neouo.com/collections/leather-fanny-packs/products/neouo-square-black-soft-cowhide-leather-belt-bag

2

Hi @Lena816 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/pre_theme.min.css->paste below code at the bottom of the file:
.sp-tab-content table {
    max-width: 100% !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Hello @AvadaCommerce ,

Thank you for your quick response and help. I plugged the code into the place you mentioned, and it worked fine when viewed on the computer in mobile mode. But when I logged on to the site with my phone, the table was still cut off. If there was a better solution I will appreciate it very much.