How do i make a table in rich text responsive to mobile screens
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.
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!