Text Disappearing in Chrome in WooCommerce Descriptions

Hi,

I’m running into an issue on the following page: https://totallychange.nl/product/havvn-jus-100-biologisch-voor-18-dagen-gebruik.

In Google Chrome, a part of the product description disappears after the page has fully loaded. I have traced this issue down to be caused by the /framework/css/dist/site/woocommerce/integrity-light.css file in Pro (when unlinking the file the content re-appears), but haven’t been able to determine the exact cause. Is there a known fix for this problem?

Thanks!

Hi There,

Thank you for writing in but please clarify what part of the description is missing. I did check that page you provided above and it seems both short and long description looks fine to me.

short description
long description top
long description bottom

Please clarify,
Cheers!

This is what it looks like on my end: http://imgur.com/oqG17qV

I’ve replicated this issue in Google Chrome on multiple devices (both Mac and Windows). It seems to disappear on small screen widths.

Hi There,

I can see the issue that some text on the right side of those images are missing. From viewing the source code, I can’t tell where the issue is coming. I deleted some table ROWS above it and as those content with missing text move up the text started to show. See this: https://screencast-o-matic.com/watch/cbjFQUlsU5. I thought it was html structure error for the table at first. But then removing the table and just duplicating all the existing content shows the same issue. Upon more inspecting, I found out that it z-index issue. Please try adding the following CSS fixed:

    z-index: 999;
}```
Let us know how this goes.
1 Like

That resolved it, thanks a lot!

You’re welcome!
We’re glad we were able to help you out.