How can I make my custom HTML and CSS table mobile friendly?

Store Design
1

I have created this table using custom CSS and HTML It looks great on PC, But I am not able to make it mobile-friendly. I have attached the images.

And here’s the link to the website. This table is with every product description.

https://www.prakritilifestyle.com/

1 Like
2

@ParidhiModi

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL. So wait i am checking it.
So that I will check and let you know the exact solution here.

1 Like
3

@ParidhiModi

So first of all make your Table response, if you are developer you can make it,
or Hire a developer to make it responsive.

Thank you

1 Like
4

Hi @ParidhiModi ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.product-block .rte .cgt-desc {
   overflow-x: auto;
}

.product-block .rte .cgt-desc .tabs {
    min-width: 800px;
}
.product-block .rte .cgt-desc .tabs {
    min-width: 787px;
}

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