Adjust Table Width on Blog Post - HTML Mobile

[tomorrowgolf]

Hi there,

I've created a blog post on Shopify and inserted a table. On Desktop it looks fine, but on Mobile it doesn't look nice because table width stays at 100% of screen size. Would like to see to scrolling option instead, to fit all the content of the table.

See here:


Here is the link: https://tomorrowgolf.com/blogs/news/are-golf-balls-bad-for-the-environment

Thanks!

[Ritu-25 · Accepted solution]

@tomorrowgolf , 

Please add this CSS in base.css

@media(max-width: 479px){
.rte table {
    overflow: hidden;
    overflow-x: scroll;
    display: block;
}
}

Thanks, 

Ritu