Tooltip on mobile goes behind other elements

[INcroatia]

Hi there,

We’ve added tooltips to a header, so that users can read more about categories/course formats that are present on the page. However, we noticed that when previewed on mobile, the top part of the tooltip is hidden behind the lower course format (see screenshot below)

What can we do to have the tooltip show itself above the lower category coloured box?

Thank you in advance.

[nabeel]

Hi @INcroatia,

Thank you for reaching out to us. It seems like a z-index issue. In header builder, inspect the Container that contains the top 3 buttons:

Then go to Customize > Element CSS and paste the following code:

$el {
  z-index: 9;
}

Let us know how this goes!

[INcroatia]

Thanks @nabeel, this fixed it!

[tristup]

Hi @INcroatia,

Glad that we are able to help you.

Thanks