Header taking too much space in low res display

[aashish pahwa]

This is a high res desktop – https://drive.google.com/file/d/1HYFjh08h-cXdvfy_N-zEpeSKPrxUSd5Z/view?usp=sharing

This is a low res desktop – https://drive.google.com/file/d/1MfzQeMs7YVtVNUKKXq3NrCswz-Y3IwZ_/view?usp=sharing

The logo and search button take a lot of space on low res displays. Can we do anything to fix this problem?

Topic

[Alexander Agnarson]

Hm, well it depends on how you want to fix it.

1) Make the header non-sticky for smaller displays
2) Make the logo and search smaller and decrease the amount of links so that it fits between
3) Make the header menu links less, and use a More link dropdown as last menu item for all links that doesn’t fit on small screens

I’d pick #3, as you can see here on the demo it works fine on smaller displays:
http://demo.alx.media/magaziner/

[Author]

Replies