Conversation
supportOn the single product page, I have the Label Position set to “Stacked” and tooltips turned on. On all pages, the first variation’s tooltip is getting cutoff by a parent container. But I’m not able to remedy with any kind of CSS overflow or z-index adjustments. Any ideas on a fix?
Hi @btetraulttpc , Thanks for the detailed explanation. This usually happens due to a CSS conflict with the theme or another plugin , where a parent container is restricting overflow or affecting tooltip positioning. Could you please share the product URL with us? Once we can inspect the page, we’ll be able to pinpoint what is causing the tooltip to be cut off and suggest a fix. Looking forward to your response. Best regards, Aamir
Thanks so much for the reply, here’s a good example of this . GeneratePress theme if that’s at all helpful. I figure it was something related to one of the containers, but was testing/trying a bunch of different CSS things myself and just could find the culprit. Thanks again!
Hi @btetraulttpc , Thank you for sharing the details. I’ve checked this on my end, and it appears the issue is caused by CSS coming from GeneratePress Premium . Specifically, an overflow: hidden; property is being applied to a parent container, which is causing the first variation tooltip to get cut off. I’ve recorded a quick screen capture to show the exact CSS responsible for this behavior: https://bsf.d.pr/v/3aXKCg To resolve this, you can try overriding that CSS by setting the parent container’s overflow to visible , Alternatively, you may want to check if there’s a setting within GeneratePress that controls this behavior. Let us know if you need help identifying the exact selector to target. Best regards, Aamir
Hello @btetraulttpc , We haven’t heard back from you in a while, so we’ll go ahead and mark this thread as resolved. If you run into any other issues or need further assistance, please don’t hesitate to open a new thread. Best regards,
Hi @btetraulttpc , Thanks for the detailed explanation. This usually happens due to a CSS conflict with the theme or another plugin , where a parent container is restricting overflow or affecting tooltip positioning. Could you please share the product URL with us? Once we can inspect the page, we’ll be able to pinpoint what is causing the tooltip to be cut off and suggest a fix. Looking forward to your response. Best regards, Aamir
Thanks so much for the reply, here’s a good example of this . GeneratePress theme if that’s at all helpful. I figure it was something related to one of the containers, but was testing/trying a bunch of different CSS things myself and just could find the culprit. Thanks again!
Hi @btetraulttpc , Thank you for sharing the details. I’ve checked this on my end, and it appears the issue is caused by CSS coming from GeneratePress Premium . Specifically, an overflow: hidden; property is being applied to a parent container, which is causing the first variation tooltip to get cut off. I’ve recorded a quick screen capture to show the exact CSS responsible for this behavior: https://bsf.d.pr/v/3aXKCg To resolve this, you can try overriding that CSS by setting the parent container’s overflow to visible , Alternatively, you may want to check if there’s a setting within GeneratePress that controls this behavior. Let us know if you need help identifying the exact selector to target. Best regards, Aamir
Hello @btetraulttpc , We haven’t heard back from you in a while, so we’ll go ahead and mark this thread as resolved. If you run into any other issues or need further assistance, please don’t hesitate to open a new thread. Best regards,