CSS fix for tables on mobile, why?

Hi,

we see that, in mobile mode, tables are displayed with a specific CSS code in mobile.css. This is not very good 'cause also components sometimes use tables and this way they are rendered with scroll bars in mobile. Very bad to navigate on a smartphone to scroll up and down and left and right...

I cannot simply override that part of CSS code in override.css or in the backend template field option for CSS customization 'cause the mobile.css is always load after that in the HTML output page on the browser.
So my only solution is to remove that part of CSS code from the mobile.css file but that's very bad too 'cause everytime I upgrade the template I will lose that hack.

Will you consider a better way to manage tables on mobile? It would really be better without that "fix" that you introduced in mobile.css that with it. What do you think about?

Thanks in advice, best regards.

The scroll bar on mobile view is caused by your browser not by code in mobile.css, you can make a test and change name of this file to not load styles and compare effect. Most of modern mobile browsers just force overflow to avoid problems with displaying content on small screen sizes.