Just wondering what would be the best way to make the font smaller on mobile. We have a table with a lot of text that doesn't look good on a mobile screen. I am looking for solutions.
Btw, when we use Horizontal Scrolling enabled, it breaks the horizontal lock on the page, and the page floats.
Actually I took disabled the horizontal scalable, and it still floats.
And whats more, the table is no longer responsive! I cleared cached and did everything, but now it looks like (attached). It's almost as if its not saving my selection. I don't know whats going on.
Also, Wikipedia has tables that horizontally scrollable but the page is locked. I hope we can do the same with wpdatatables. For e.g. the weather table on this page horizontally scrolls and the page is locked and doesn't float. https://en.wikipedia.org/wiki/Kraków
Ok I did more research and I found out why the page is floating, we can fix this. also, you can close this ticket. I will either make the font size smaller in general for desktop or mobile from the settings or i will make a custom class for the mobile size.
Just wondering what would be the best way to make the font smaller on mobile.
We have a table with a lot of text that doesn't look good on a mobile screen. I am looking for solutions.
Btw, when we use Horizontal Scrolling enabled, it breaks the horizontal lock on the page, and the page floats.
Hi napkinfinance,
Thank you for your purchase.
Maybe the best way to achieve something like this is to use CSS and make some changes when the page is viewing from mobile devices.
Also if you can send me the screenshot from mobile view when the Scrollable option is checked so I can see how the page floats.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
here it is with horizontal scrollable enabled.
a
Actually I took disabled the horizontal scalable, and it still floats.
And whats more, the table is no longer responsive! I cleared cached and did everything, but now it looks like (attached).
It's almost as if its not saving my selection. I don't know whats going on.
Also, Wikipedia has tables that horizontally scrollable but the page is locked. I hope we can do the same with wpdatatables.
For e.g. the weather table on this page horizontally scrolls and the page is locked and doesn't float. https://en.wikipedia.org/wiki/Kraków
Ok I did more research and I found out why the page is floating, we can fix this.
also, you can close this ticket.
I will either make the font size smaller in general for desktop or mobile from the settings or i will make a custom class for the mobile size.
Thanks
Hi napkinfinance,
Can you please tell me why the page is floating and if you can tell me the solution that you find.
It can be useful for other customers and also for us for future features.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
There is a body overflow we didn't take care of.
So for e.g..when there are long url links, its making the webpage horizontally scroll.
You can fix it with many solutions:
https://stackoverflow.com/questions/15769229/how-to-prevent-horizontal-scrolling-on-responsive-webpage