I have a problem, that my website is stretched when looking from mobile device, which is due to the tables.

Is there any way to optimize them? It is a review table with call-to-action button, so it is pretty important.

Any suggestions?

Link: https://mrbinary.co.uk/

Unfortunately this problem is very closely related to your table and the content that has been entered inside. This cannot be tweaked globally in the theme as it might break other users’ content. Therefore you need to do it by yourself.

You could use the “Custom CSS” field or a Child Theme to add the necessary CSS code which would control how the tables and their content would look like on Tablets (768px) and on Mobile Phones (less than 768px).

You can do that with media queries. To read more about them:
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

CSS3 Media Queries

You can use “Inspect Element” functionality to see what class names and CSS selectors were used and target all elements to update font size, widths, hide or show elements, etc.. You need to know CSS well to be able to manage that. Oe simply ask a web developer to do it for you.

Inspect Element to make CSS changes using Custom CSS or in Child Theme

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market