How to get different table width for TinyMCE on desktop and mobile

How to get different table width for TinyMCE on desktop and mobile

by Joel Hogeveen -
Number of replies: 0
Hello people,


I am a bit of programming-dummy so I hope one of you can help me out. I basically have exactly the same problem as in the following threads, but I am using the Onpress (Plus) Theme/Plugin.

http://stackoverflow.com/questions/12991548/how-to-make-tinymce-responsive

https://moodle.org/mod/forum/discuss.php?d=266553

I installed tinyMCE advanced plugin to create a table on a page, and created a one-column table, the cells filled with text, with a width of 70% as I like this as the lay-out for the desktop page -it created a section with more space on the sides as you can see in the screenshot. Unfortunately on the mobile device the table width is still 70%, but here it ruins the layout (see screenshot) and I would like to have it 100%. 

I think the threads above have the same issue, but I cannot find the right CSS files and code to perform the proposed CSS-style adaptions (because of Onepress maybe?). 

Could someone help me with this? It would be really appreciated!


Screenshot of desktop and mobile device


Average of ratings: -