Icons not behaving like the rest of my page content

Hi Kriesi support,

Hope you’re well! I have a page in which a large table passes underneath a widget area on scroll (gives appearance that widget area is stickied). Both the table and widget area are in divs. It’s best to just see this in action, so here’s a link: https://bardac.com/part-number-directory-2/ (page password is: test)

I’m sure you’ll notice, but the icons I’m using in the leftmost column of the table do not behave like the other content, and pass above the sticky div section, rather than pass underneath it. What can I do to make sure the icons go under the div alongside other page content?

– I have tried many different things, including using z-index. Using two different, positive z-index values for the widget area and the table area did not work (i.e. div 1 has z-index of 10, and div 2 has a z-index of 1).
– Assigning the table div a z-index of -1 seemed to have the intended visual effect, however the icons were not clickable or interactive (i.e nothing happened when clicked; couldn’t click on icon and go to the linked page.

Please let me know if you have any questions. Using a z-index of -1 for the table passing underneath seems the most ready-available fix, however it makes the links unusable.

Thanks for your time!
– Julian