Mobile Nav Help

Design help General
1

Hi there,

I am currently working on a website, but am really struggling with the non-desktop hamburger navigation.

Essentially, I’d like this to drop down from the header and fill the screen, with a wishlist item being the button turns to an ‘x’ when open.

There is also a dropdown element within the nav, which is currently appearing indented. I’d ideally like this to be in line with the other content, but again, I’m struggling to make this appear properly across the various non-desktop breakpoints.

Can anybody advise/point me in the right direction on how to resolve?

Thanks in advance!

Here is my site Read-Only: https://preview.webflow.com/preview/wildpark-entertainment?utm_medium=preview_link&utm_source=designer&utm_content=wildpark-entertainment&preview=6c8fb13b0b17773c5afe8e8e0d2bfe9f&workflow=preview

2

Quick update - I’ve now somewhat resolved the issue. However, on mobile, there’s a button that’s beneath the overlay that’s appearing on top and the scroll is a bit buggy as it’s treating it as though you’re scrolling on the page itself.

Any help would be greatly appreciated :slight_smile:

3

Just bumping this up to see if anybody can advise? Best, Tom