Issue with mobile responsiveness of Gutenberg Woocommerce Boxes

Closed
REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme REHub - Price Comparison, Affiliate Marketing, Multi Vendor Store, Community Theme August 03, 2021
Login to reply
David Moersma
3 years ago

That indeed works. Better to use small words in that case.

Thanks for the fix!

Igor Sunz Support Agent
3 years ago

there is no problem there. It just because you are using too long words for
names. Use code to break long words

.woocommerce table.shop_attributes th{word-break: break-word;}

you can place this in theme options - general options - custom css

David Moersma
3 years ago

Hello Igor,

I noticed there seems to be a small issue with the woocommerce boxes on mobile phones. The specifications are not completely shown there as the outlining on the right hand side seems to go through the screen. I would expect it would behave similar to the mobile responsiveness of the compare items screen. I enclosed that one as screenshot too. That one behaves perfectly on both desktop and mobile.

You can view the issue yourself on the first screenshot. 

Thanks for making those WooCommerce Boxes btw. They look amazing! Hope you're able to resolve this small issue in future updates so I can use them on my website.

Greetings and have a nice day,

David

Additional Info

Link on page with issue: http://staging2.vacancompare.com/beste-campings-friesland-aan-water/