Adjusting wp table to fit in mobile screen?

Hi,

I have a table like this on my website and when I check it out with a mobile device, it only shows the first two and half columns of the table.

So the question is that how can I make the table fit the way that I can also see the full table on mobile devices?

-Timo

Hi Timo,

Thank you for writing in, tables never play nice with mobile. I suggest you hide the table on mobile and have a different layout of your pricing/services in mobile, you can try the card elements. As an example see the card elements on the “Weekly Specials section” of this page http://demo.theme.co/restaurant/ in mobile.

Changing of layout between desktop and mobile is possible using the Hide Base on Screen Width feature.

How Hide Base on Screen Width works .

Cheers!