CJS/ESM toggle broken on mobile

[Nit-nit]

What is the problem this feature will solve?

this feature will remove the logo from above the code for better visibility, oof this is giving me eye strain.

What is the feature you are proposing to solve the problem?

you can make your site better with some little changes in ui/ux

What alternatives have you considered?

turning on desktop site

[aduh95]

What is the browser you are using? I cannot reproduce on iOS.

Would you be interested in sending a PR to fix that?

[LiviaMedeiros]

Confirming this on Google Chrome 102.0.5005.78 on Android.

Additionally, horizontal scroll doesn't help (perhaps it should have position:fixed in dedicated place?).

Long screenshot

[F3n67u]

I can reproduce it on the iOS firefox browser.

Long screenshot

[F3n67u]

I found another problem in light mode, CJS/ESM toggle will be covered by the code snippet.

Long screenshot

[F3n67u]

I could reproduce the above 2 problems using desktop Chrome responsive design mode. I think those problems are not device-specific.

1. Open desktop Chrome
2. Open Chrome devtool, and switch to responsive design mode.
3. Click the "Toggle the dark/light mode" button on the doc site, and you will reproduce the above problems.

[Nit-nit]

What is the browser you are using? I cannot reproduce on iOS.

Would you be interested in sending a PR to fix that?

i cannot make a PR sorry about that, i couldnt even make my github website design good

[MoLow]

I'l try handling this