Streaming live at 10am (PST)

Fullscreen Menu Responsiveness

Hello,

I have a fullscreen menu on my website. I followed Nelson’s tutorial on how to achieve this (https://youtu.be/6hH_957wpNk). It looks great in preview and works well on the computer however, I looked at it on my actual phone and the links are half way up the screen and you cant see all of them. Anyone have any idea how to fix this?
Thanks in advance!


Here is my site Read-Only: LINK
([how to share your site Read-Only link][2])

Hey, Courtney.

Please share a link to your live site and I will have a look.
Thanks

Hi @Marius1989,

Here you go!

https://woods-bdb2763eaf0ba860268-a76707786e005.webflow.io/

@Marius1989 Just a update on this, I did add margin to the top of the nav bar links and that helped, however i’m concerned on what it will look like on other devices / I’m not sure thats the best practice to fix this. Its also, still messed up on mobile landscape :frowning:

Thank you for any help!

I just checked your site and it seems your approach to fix this, might be a good solution in your case.
If you would follow best practice, as you mentioned, this issue would not exist.
Too much unnecessary and uncommon CSS involved to get an acceptable workaround here.
Maybe someone will invest some time to give a more appropriate solution.

Sorry for not being able to help you out this time.