-
Hello,
I am using a wp-table in my post. But it is not responsive. For example when I change the font-size for mobile to a smaller size then the larger one I use for desktop the font-size is not kept. So either I have a font-size in the wp-table which is to big for mobile or to small for desktop.
Do you know of an alternative table which is responsive or keeps the settings?
Thanks
Oliver -
Hi there,
Is WP Table a plugin, or are you using the core Table block?
How are you changing the font size?
-
Hi Tom,
I use the core table block of wp and I change the font-size under bloc > topography. -
Core table block is not responsive by default, if you use table element a lot, it’s recommended to use a table plugin, eg. TablePress, WP Table Builder.
-
Hi Ying,
thank you but I would also like to know why the wp table block is not keeping the settings for font-sizes as i explained in my inicial mail. Do you have any idea why?Thank you.
Oliver
-
I’ll need to see your site to determine what the cause is. As it’s not our block, I’m not very familiar with it, unfortunately.
-
Hi Ying,
great, please login to my site and go to the indicated post (see private info).
Roughly in the middle of the page is a wp-table. When you change the font size for desktop and than for mobile it sticks to the last change. Why? -
Another thing: when I add some text to an existing page on my website, the typing is very slow (like the response time is not in sync when I hit a key on my keyboard – there is a time delay). I use Chrome and on Firefox is almost the same. I hope you know what I mean.
Does that happened to you, too. What can I do? Any idea?
Thanks so much
Oliver
-
Hi there,
That’s a limitation of the core Table block and other core blocks, as they have minimal responsive settings. You might need to use CSS to adjust the font size for mobile devices. Let me know if that works for you.
Regarding the slowness issue, I didn’t experience that when checking your page. Do you have many extensions installed in your browser?
-
Hi Alvind,
thanks for the help. Could you provide me with the css I need to add for mobile / desktop font-size for wp-tables?
In Chrome I have a lot of extensions but I disabled them. In firefox I have only 2 extensions but it is in both browsers the same slowness when I type. For example when I type here to answer your response I everything it normal – but when I go to wordpress it is super slow. Really annoying.
Thanks
-
To change the font size in mobile, you can try this CSS:
@media (max-width: 768px) { body.single .inside-article .wp-block-table { font-size: 12px !important; } }For example when I type here to answer your response I everything it normal – but when I go to wordpress it is super slow.
Unfortunately, I’m not sure what’s causing that issue since I can’t replicate it on my end.
-
Hi Alvind,
thank you very much – that worked.
I will research about the slowness of the editor. Thank you anyway -
No problem. I hope you can find the cause of the slowness issue.
-
If I might add my 2 cents here: “Responsive” tables are pretty much impossible to build with HTML
table. You need a much more sophisticated method to make it work. It depends on the table, but font-size, padding etc. will not do the trick for larger tables. You need some javascript that converts the table to DIVs. It’s not super complicated, but needs some basic understanding. Here is a pretty slick solution that works great. But we warned: it’s a long read! -
Awesome, thanks for the tips! 😀
- You must be logged in to reply to this topic.