I am encountering a web design / UX / UI problem on my website regarding the menu.
Here is how it looks like :
As you can see, the menu already includes a good number of items :
Blog (with the categories appearing on hover)
Guides (links to famous articles which people actually really need)
Formation (= Training in French, which is a product I’m selling)
Connexion = Log In — which is replaced by the user’s first name with a fontawesome icon when he’s logged in
I am willing to widen the scope of things I am offering, which would mean adding at least two links :
As you can see, the space between the logo and the menu is going to get very quickly full, and as in terms of responsivity it means that I would have to display a burger menu very quickly if the window is just slightly smaller, which is not something I like (people aren’t always using full-screen windows when browsing on their computer).
Consequently, I am a bit at a loss regarding what I should do :
Should I move the menu to a lower line (but that would push back more page content below the fold) ?
I don’t really want to group menu items together as each would be very different, and I hardly see what can of grouping would make sense.
So I came here to ask for your ideas and point of view of the situation 🙂
Thanks a lot by advance,