[Bug] Header is not responsive - Githubissues

creativecommons / reversionary-rights

International reversionary rights resources site.

https://rights-back-beta.creativecommons.org/

MIT License

0 stars 4 forks source link

[Bug] Header is not responsive #23

Open justaskulkarni opened 1 year ago

justaskulkarni commented 1 year ago

Description

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

Reproduction

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

Expectation

The hamburger menu should be responsive

Video

https://user-images.githubusercontent.com/98650743/228241859-dce30a04-0eb3-4d85-b4d8-7196ecd1250e.mp4

Environment

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

Resolution

[x] I would be interested in resolving this bug.

ankushKun commented 6 months ago

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.