autofit header logo/menu to fit browser window

On smaller screens like laptops or monitors with low resolutions, the header, specifically the main menu on the header is cut off, without an option to scroll horizontally.

Ideally, I’d like the size of the logo image (known as the ‘site identity’ in Qi theme), to auto-scale to allow the full menu to be shown.

I tried a few different CSS solutions, but nothing’s worked. Please let there be a simple solution! I’ve seen many websites that have a header/menu which scales flawlessly depending on the browser window size.

thanks for your help! i

• This topic was modified 2 years, 12 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]