Issues Making Tables Responsive / Mobile Site

Hello @srbhighflyer,

There are several methods you can use a plugin, load a script manually.
Here is a quick fix,

1. Add a CSS class to the <table> tag
for instance; <table class=”responsive-table”>.

2. Go to your Dashboard>>Customize>>Additional CSS and add the following CSS;

@media only screen and (max-width: 768px) {
    .responsive-table {
        overflow: hidden;
        overflow-x: scroll;
        display:block;
    }
}

P.S: For more refer the source here.

Let us know.
Thanks!

That didn’t work however I did do a similar thing before where the table scrolls (I imagine same result as this), however that’s not really what I’m looking for.

I’d like to find a way to keep the table restricted to the width of the screen, the images etc can be smaller, and the whole thing can just get longer to make up for the lack of width. Is there a way to do this?

Thanks for your help so far.

Hello srbhighflyer,

That’s a quick fix you can adopt.
Please refer to the reference source above for more options regarding table responsiveness.

Thanks!