I currently have the following header:
The general idea here is that we have the main logo of the website, but since we offer this website to partner companies, they want to add their own logo – in this case, the circular icon to the right of the website logo .
This is fine on larger screens because there is enough space to insert both logos plus the long right navigation. However, as we begin to move closer to smaller laptop screens, there is not enough room, especially for longer partner logos. At about 1000 pixels, we switch to a hamburger menu for navigation, but the screen size does not exceed a few hundred pixels.
What are the options to solve this problem? I can reduce the size of the logos and delete the comments text when it reaches a certain threshold, but I was wondering if there were smarter ideas. Thank you.