[Bug] Header is not responsive

[justaskulkarni]

Description

The hamburger menu covers the site title content for various screen sizes

Reproduction

1. Navigate to rights-back-beta.creativecommons.org
2. Inspect
3. Go to toggle device toolbar
4. You will observe that the hamburger covers the site title content for several screen sizes

Expectation

The hamburger menu should be responsive

Video

Creative.Commons.Rights.Back.Resource._.CC.Rights.Back.Resource.BETA.-.Google.Chrome.2023-03-28.18-10-55.mp4

Environment

• Device: Devices of smaller screen sizes
• OS: Not OS specific
• Browser: Not Browser specific
• Version: Not Version specific

Resolution

• I would be interested in resolving this bug.

[ankushKun]

The hamburger button is positioned relative to the top right corner. Which overlaps and hides a part of the page title.
If acceptable I would like to work on an inline menu icon that is placed along with the title without any overlap.

[keshav861]

Hi @TimidRobot and @possumbilities,
I have submitted a pull request to address issue #23. Could you please review it at your earliest convenience? If it meets the requirements, I would appreciate it if you could merge it.

[keshav861]

Hi @TimidRobot ,
I have changed the following changes you have requested in the pull request to address issue #23. Could you please review it at your earliest convenience? If it meets the requirements, I would appreciate it if you could merge it