Next/image blocking for navbar

Question

I'm using next/image as a header image, but when i use my navbars dropdown menu, the image is in front of the dropdown. How do i fix this, while still using next/image? :-)

Github: https://github.com/Lucashunt/jameshunt

website: https://jameshunt.vercel.app

Displaying correct over text

Image in front of dropdown

While providing a link to the code is fine, your question should be self-contained and preferably not rely on external resources to be answered. Please add the relevant code to the question. — juliomalves, Aug 08 '22 at 12:14

score 0 · Answer 1 · answered Aug 07 '22 at 21:43

0

Ensure you set position:relative if you are using layout:fill. Also visit the doc to understand the required props.

answered Aug 07 '22 at 21:43

Chukwuemeka Maduekwe

6,687
5
44
67

See my update, still doesn't work any clue? – Lucas Hunt Aug 08 '22 at 18:30
https://i.stack.imgur.com/Hzahe.png – Lucas Hunt Aug 09 '22 at 16:59
Add a code snippet, so we know how to help – Chukwuemeka Maduekwe Aug 09 '22 at 21:33

Next/image blocking for navbar

1 Answers1