My header/menu is taking up most of the space of the screen on mobile devices which makes it almost impossible to read anything on the screen, let alone to enter payment details in my store.
How do I hide the menu/header when scrolling down? I’d like for it to only be at the very top of the page, so when you start to scroll further down, you can no longer see it. How do I do this? I’ve been struggling for days with this but cannot find anything that helps. I’ve tried CSS codes from other support topics, but nothing works for what I want to achieve.
I hope you can help.