darivers71

so in other words, I’m just pissing in the wind here seeking help for what i’m trying to accomplish. got it

Using an image of the table will not be feasible.

Here’s what I want to make happen: no horizontal scrolling effect on my tables. I want them to fit on the screen. I’ve tried using smallest font possible in editor, I’ve tried different alignments – everything is either still gonna enforce horizontal scrolling in mobile or distort the inputted data to make the table fit (making the table unreadable). So what to do I need to do to code that into my site so that tables will fit on any screen?

If the same effect is possible with columns (as I’ve used columns to try to incorporate some visuals), I would like to see if’s possible to make columns fixed in a manner that they can appear on screen in mobile without distortion/overlap of items.

Well my thing is the mobile format jams up data & tables, where I’d like to have items fit on screen, even with the smaller font settings. There are other aspects I’d like to address as well.

Example 1: https://rpr-ratings.com/rated-seasons/2022/

If I have table set at no width (or wide/full), then the table is set where you have to side scroll in mobile mode. If I have it set to align center, it jams the table columns up, degrading the view of the page.

Example 2: https://rpr-ratings.com/rated-seasons/

I have a table automatically with jammed data and not viewing the way I want. This is also set on lowest font setting in the block editor

I want my tables to statically fit on screen without loss of format. For a reference, I want you to check out Tip Top 25, a website similar to the goal of my site. If you compare viewing this site on a desktop/laptop and viewing on a mobile site, there is little to no difference in the view and tables fit on screen without distorting data.