Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix the issue icons cover the content of the page on mobile #486

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

Sachin-NK
Copy link

In this fix, I addressed the issue where large icons were overlapping the content on mobile devices, creating a poor user experience. By using a CSS media query targeting screens with a maximum width of 570px, I applied the display: none; property to the specific icon container. This ensures that the icons are hidden on smaller screens, preventing them from covering other content and improving the overall layout and usability of the page

@veroandreo
Copy link
Contributor

veroandreo commented Dec 24, 2024

Thanks for the proposed fix. I am checking different devices, and there is still some overlapping in iPad Mini and Air, ASUS Zenbook fold and Surface Pro 7.

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants