Tooltip not visible with overflow scroll

[Historical Forums User]

Hi,

I have a webshop with product with lots of colors.
I want to show these using swatches. The thing is that I want to use a scroll because otherwise it will be too large.
Now when hovering over a color swatch a tooltip becomes visible with the image of the actual color applied on wood.
The problem is that when using the scroll, the tooltip gets cut off at the top.

this is my css code:

.variable-items-wrapper {
max-height: 80px!important;
overflow-x: hidden;

Any ideas how I can still use the scroll and the tooltips to show out of this 80px box?

[LearnTheNew]

you have given a priority for max-height only for 80px. Let check it

[Author]

Posts