Nav menu Dropdown hidden

[Stax]

I cannot use any dropdown on my Nav Menu on my site silverstax.co.za including the mobile menu on

The Nav Menu shows, but dropdowns behind the next block. Z-index setting does not fix it

 

[Stax]

bump.....please I need some help I cannot make use any form of the dropdown menu

 

[Koni Kodes]

Try a bottom padding on your nav bar, and see if that helps with the image problem.
Inspector says you have a CORS issue with this:
New chrome warning about Google Analytics cookie SameSite and ...

Which may also cause some issues.

 

[Stax]

Padding the Nav menu does show the dropdown but then there is a huge space between the 2 sections
I need the dropdown menu to drop over the next section and not behind it

 

[Stax]

I fixed it!
In each page setting I had to switch the page layout from Elementor Canvas to Default and then manage
the Nav Menu in the Theme builder. Only then does the dropdown work properly.

 

[Tonio]

On my windows 10 laptop with either Firefox or Chrome, everything seems working fine. Same thing on Android phone. Have you been able to fix it? If so, I am interested to know what was the cause.

Edit: Lol, judging from the timestamps from this post and the one above it, they just crossed eachother. So I didn't read your answer before I asked if you had fixed it. Anyway, good to hear you found the solution!

 

[Koni Kodes]

I fixed it!
In each page setting I had to switch the page layout from Elementor Canvas to Default and then manage
the Nav Menu in the Theme builder. Only then does the dropdown work properly.

I'm glad you found the solution. Thank you for sharing so that others can benefit from your experience.

 

[SaraMichelle]

I wanted to chime in with the solution that worked for me. Under "field" --> "typography" --> "line-height" needs to be 1. At default it was blank so I figured it was correct, but you actually have to go in and make sure it's 1.

Hope that helps someone!