Custom tooltip underneath other section

Hi Mike,
Thx for the tip.
I’ve added your code, I’ve cleared the cache as well, but
unfortunately that doesn’t work for the 3rd tooltip of the page (the ‘budget’ one)

We’re getting close Mike but it’s not quite perfect yet
In my quick css, I have added this code:

#top #main .sidebar {
    z-index: 0 !important;
}

It works fine only for the first tooltip (Cubiq)
and that one:

#top.postid-2634 #main > div > div > main > div > div > div:nth-child(5) {
	z-index: 0 !important;
	position: relative;
}

which works fine for the budget tooltip.
But unfortuantely, that 2nd code works only the first portfolio item called Club Aladin.
If you navigate to other portfolio items, you will see that the 3rd tooltip (budget) doesn’t work.

Is it possible to extend your code to all portfolios?

Sorry Mike, it doesn’t work.
– 1st tooltip (cubiq): Ok
– 2nd (taille du site): ok
– 3rd (budget): Not Ok yet.

It still goes underneath next section as you can check here.

But… remember as I said in an other thread, I moved to daughter pages. I don’t have portfolio items any more.
My portfolio items became pages and maybe it’s not without effect with the code you gave me. (?)

Following yours tips, here’s the code I have now in my quick css:

#top #main .sidebar {
   z-index: 0 !important;
} 
#top.page-id-1066 #main > div > div > main > div > div > div:nth-child(4) > div.avia-builder-el-8 > div:nth-child(7) > table > tbody > tr > td {
    text-align: left !important;
 }
#top.page-id-1066 #main > div > div > main > div > div > div:nth-child(5) {
	z-index: 0 !important;
	position: relative !important;
}