Basket side pop-up appearing under menu bar.

You added the following custom CSS in APPEARANCE > CUSTOMIZE > ADDITIONAL CSS, and that’s what’s causing the problem:

.site-header {
    z-index: 10000;
}

Hi, thanks for your comment. I added that with advice to stop my lesson dropdown menu from appearing behind the page below. Is it possible to do something so that neither happens?

Remove the above code first.

Then I can see the real problem you were trying to solve — and possibly find a better solution for you.

Thank you for the update.

But I’m unable to reproduce the original problem: “stop my lesson dropdown menu from appearing behind the page below”

I suggest flushing your IONOS Performance cache.

Hi, sorry i forgot that it was only when you are on the all lessons page

Thanks again for the update: can see the problem now.

But, once again, that problem is coming from yet another z-index you’ve set on the Kadence Blocks Row Layout block directly below the menu.

.kb-row-layout-id913_da3680-2d {
    z-index: 2000;
    position: relative;
}

When I take off this z-index, the menu display problem disappears.

I’m sure you realize by now that using such large z-indices is a very poor way to solve positioning problems, as they are very likely to introduce problems elsewhere. (I can see you have another z-index: 999999 elsewhere on the same page.)

If you’re having some display problems with the Kadence Blocks plugin (hence these large z-indices), then I’ll recommend seeking help from this plugin’s author here: https://projectdmc.org/support/plugin/kadence-blocks/

Good luck!

Ok, thank you very much. That has sorted it.