How do i make a table in rich text responsive to mobile screens

Highlighted
New Contributor

So, after spending an hour looking through forums I've given up and decided to just ask myself!

 

I've created a table in one of our tabs and when looking on mobile, I can see it isn't responding to the mobile screen. I need the columns to vertically stack on top of each other.  At the moment, they're all next to each other. I've had a look at CSS tricks and all those pages and just struggling to apply the code. Any help would be great!

 

Edit: this website is live at the moment so I'm adding a horizontal overflow for the time being. This is not what i'm looking for! just need the table to be readable on mobile as it's live.

 

https://www.business1300.com.au/

Reply
0 Upvotes
2 Replies 2
Highlighted
Community Manager

Hi @jacquelinel ,

 

Thank you for posting your question in the Community.

I wanted to tag in a few subject matter experts- @Kevin-C and @amwilie , can you share your advice to @jacquelinel ?

 

Natsumi

Reply
0 Upvotes
Highlighted
Regular Advisor | Partner

Thanks @natsumimori 

 

Hey @jacquelinel 

 

Could you provide a direct link to the page / section with the table? Possibly a screenshot?
I'm having difficulty finding it. Once found I'm sure we can clear this up quickly!