Drop down in Pro header showing beneath main Nav bar

[sarammog]

I have created a Pro header and all is good apart from the ‘Popular’ button on the right and its drop-down menu is showing underneath the main navigation. I’ve tried adjusting the z-index on the bars/containers/elements (which I’ve been doing anyway as you will see the logo on the left needs to appear above/overlap the top bar) but nothing is fixing it.

I asked this several weeks ago and took the advice you gave (updating to new version, removing all custom CSS) and it made no difference.

Please can you help? I am almost ready to hand overt to my client so need to fix this final issue.

Many thanks,

Sara

[rad]

Hi @sarammog,

Thanks for reaching out.

That’s quite impossible to fix, both your logo and menu are overlapping both headers. Changing the z-index of the bar where the menu is will cause the logo display under it.

But you still wish to continue it, simply inspect the first header bar and increase its current z-index value.

Thanks!

[sarammog]

Hi, I fixed it. I just moved the logo to the top bar and made it overlap the bottom bar, rather than the other way around.

[Prasant]

Glad to hear.