Woocommerce title overflows on mobile devices on custom layout

I have added credentials and the server IP also, in order to see the site.
If you do not add the IP and the domain on your host file you will not be able to see the site, as this is a staging environment and the DNS records of the live one do not resolve on this subdomain.

Let me know if you need anything else.

Hello,

Thank your answer but I would like to ask something. The Woocommerce title element appears inside the Layout pages that I can create using only your theme. If I change the theme I will not be able to test anything. Except for the default pages of woocommerce where it will probably work, as it should. This is an element that is based on Woocommerce, but has settings on its own that can be manipulated by using the Layouts page.

Also, the layout is the type of Products Archive.

If I am wrong about the above or have misunderstood anything, please feel free to test whatever you like. I have already given you access to a staging site. The only thing you have to do is add the IP of the server and the domain on your hosts file of your Operating System.

Best Regards

Thank you for your response.

The screenshot you provided is the preview of the layout page. On the preview or if you have accessed the page using the direct the layout URL (Example: https://test.mysite.com/woodmart_layout/category-page-tester/) then the title of woocmmerce category is not rendered, because you are not on a woocommerce page.

Please try to access the category instead and you can see the problem. I have added the URL of the category below

The title “Κατάστημα” means shop in Greek. So it just renders a default value as a placeholder, and as I mentioned before, the actual category name is not rendered.

Let me know if I can assist you with anything else.

Best Regards

I can understand that this was for demo purposes and it was not possible to test all the possibilities for all the languages.

As I mentioned before, the change in the font size is not the problem here. Below you can see another title using the same font size, the same font family and the same line height, and it does not overflow the screen. The title has the same number of characters, including spaces. For that title, I am using the title element of Woodmart. I have added a link to the private section so that you can check what I am referring to.

So, one good assumption would be that the specific element creates a problem.

Best Regards