[🐞] overlapping Qwik logo and nav headings at smaller widths

[hhthacker]

Which component is affected?

Qwik Runtime

Describe the bug

When reading docs at smaller browser widths, notice that the logo will overlap with the nav headings. Below examples are from Google Chrome, around 880 - 767 px width. Expected the qwik logo to not overlap with nav headings at any width.

https://user-images.githubusercontent.com/24811717/211788637-7cd306ab-864b-400b-839d-d66b0190edb1.mov

Reproduction

https://qwik.builder.io/qwikcity/overview/

Steps to reproduce

• go to qwik site or any route from the site where the nav heading is visible
• click and drag the width of the browser to a smaller size, before responsiveness of headers moving to collapsed/mobile view
• this was reported from using google chrome, have not tested on other browsers

System Info

Google Chrome on Macbook Pro 13 in, M1 MacOS Monterey

Additional Information

No response