Mhhhh... don't know if I already talked about that but this reflexion really needs to be thought in regard to the future responsive design of the general website!
Yes, i tried that by using a flex design.
And for that matter the easiest way would be to have a sort of second menu. Would that be possible to take the second attempt and put them in the same box with some sort of separator? I guess even a simple line would be enough at first?
Don't know exactly what you mean here. I have tried to merge this in you responsive branch and with some adjustments it looks this way:
- Small viewport:
- Some bigger viewport:
I think the entries in the top 'menu' should all have the same height. And it would be better to make them in one block so the logo and the 'menu' stays on its own rows when the viewport shrinks. I guess you mean that?
+1 for the maps and donate icons
The donate button could be adjusted further to contain two lines of text.
+1 for the background color in the second attempt
I am not very confident with that, but better as the first attempt
+1 for the tab profile (maybe remove the shadows though? To differentiate between selected and not select I think a change of text color would be more suited? To test, I'm not sure )
The shadow is removed on a selected item. Additionally it get removed when hovering over the tabs. I like it, but i am open for other ideas