Menu button not working on mobile

Hi, My menu button is not working on mobile for my website ashleyjanelle.com. Any thoughts as too why?


Here’s my read only link: https://preview.webflow.com/preview/blog-1-324f36?utm_source=blog-1-324f36&preview=eb5ad576e3e11f04021f19204b042860&mode=preview

@Ashley_Janelle your classes ‘mobile links holder’ is set to ‘display: none’. In the mobile viewport, set this to ‘display: block’ and it’s fixed :slight_smile:

1 Like

Hi Sarah,
Thanks for your help. I did this but it’s still not dropping the menu down.

Anyone have any thoughts?

I just checked both on my device (LG G7) and in a shrunken browser window on my desktop and both worked just fine. What device are you using?

iPhone X… I also looked at it on Safari in a shrunken browser and it didn’t work…

I just checked on my iPad running chrome and the animation happens (color change and icon) but I don’t see the menu at all. Maybe a z-index issue with the hero container and the mobile menu container?

Im not sure what that is. How could I change it?

So I just took a look at your Read Only link and it may have to do with the display: flex on your menu container. I don’t see any reason why this can’t be set to display: block with some additional padding added to the top.

If you’d like I’ll record a quick video showing those adjustments.

I did set to display block and that didnt work. I’m not sure what’s going on because this has been working…

My suggestion differs from the one above, so I recorded a short video below. Basically since you’re controlling the display property within the interaction, you’ll need to change it there instead of on the element div itself.

If that doesn’t work I’d recommend reaching out to Webflow directly via email to take a look at the issue.

1 Like