So I have a lyrics website and it is doing rather well in terms of organic traffic, so I thought I better make it as best as I can for my users.
On mobile devices, right now I am not hiding the navigation, and it just appears on top of the whole page, I find this rather cumbersome, cause the user has to scroll down in order to see artists.
What is the best approach to take here? Is it the hamburger menu where the navigation loads from left/right? Or are there better approaches?
Thanks
The problem here is not that you have your menu options, but that you're using 60% of the screen just to show your logo.
Not only would I shrink your logo, but I would also move your search bar to a higher hierarchical position. I'm assuming your users are primarily using your page to search for something specific, not browse.
It would be better if you re-size the logo so it doesn't take much space on the screen because user would have an overall layout. I would suggest to put the icon of search bar on the top of navigation. Here's a good explanation about the hamburger menu and also you can find some alternatives for your design:
Hamburger menu alternatives for mobile navigation
I hope the article helps you to get an insight! Cheers.
Dealing with your website from Desktop is acceptable. But as others said for mobile usage, you have to re-size the logo as same as to put the search icon at the top of the navigation.
Mobile app design says if you have a limited number of sections in your app and users should be able to quickly switch between these sections, a tabbed navigation is a solution.
Tabs seem to be the simplest navigation pattern, however, you need to consider a few things when designing them such as you should have no more than five sections to display, one of the tabs should always be active and should visually be highlighted and the first tab has to be the home page or home screen and the order of the tabs should relate to their priority or logical order in the user flow.
