Issue with Dropdown in Standard Navigation Menu

[workwithamyc (Amy)]

I just got Elements a few days ago and still learning the ropes. I’m having an issue with the dropdown navigation when I preview the page in the browser.

When I click on the Shop dropdown, it only shows 2 of the six choices for the menu. My guess is the rest of the menu might be hidden behind something else, but if that’s the case, I don’t know how to correct it.

As you can see from this screenshot, there are more than 2 options listed under the Shop page:

I am using the Standard Menu listed under the Core Components. I could not find a place to edit the menu anywhere but in the navigation of the site pages.

Here is the link to the project in the Cloud:

elementsapp://downloadDocument/2B1KVNWW6fbV

I’d appreciate any help in troubleshooting this issue.

[differentdan (Daniel)]

Hi @workwithamyc

You could change these settings on the menu and it should allow the drop-down to display over the section below it.

Like this

[workwithamyc (Amy)]

Thanks so much. That worked! What is the significance of the number 31?

[sbchasin (Steve C.)]

I believe the containers default to 30, so 31 would be greater and appear in front of everything.

The basic idea though, is to have the z-index higher for the components you want to see over the others.

[differentdan (Daniel)]

@workwithamyc

What is the significance of the number 31?

From here down explains it.

Very strange dropdown menu behaviour

Thanks for the video, that looks like a z-index issue to me. Not an Tahoe issue. There’s a few ways to solve this, but first can you try setting the menu Layout > Z-Index to 31, and setting it to Isolate. [CleanShot 2025-09-30 at 8 .04.13@2x] @elementsbot explain z-index in web design!

@workwithamyc

Thanks so much. That worked!

Awesome, happy elementing.