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.

Sign up for GitHub

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

Jump to bottom

A new CSS problem with the mobile menu #2

Closed
keskival opened this issue Feb 24, 2023 · 4 comments
Closed

A new CSS problem with the mobile menu #2

keskival opened this issue Feb 24, 2023 · 4 comments

Comments

@keskival
Copy link
Owner

Clicking the menu shows that the menu z-value is incorrect and comes behind the title of the underlying page.
@keskival
Copy link
Owner Author

keskival commented Feb 24, 2023 •
edited
Loading

This seems to be a glitch in mobile Chrome with the latest update. Mobile Bing, mobile Firefox and desktop browsers work correctly. Increasing the z-index did nothing.

Weirdly enough flipping dark mode on and off on mobile Chrome fixes the rendering of the menu. Seems like some font renderer issue, not sure if possible to workaround with CSS at all. Could always Javascript the title text invisible when the menu is visible.

@keskival
Copy link
Owner Author

The same glitch affects all the other Hugo Meme sites, e.g.: https://blog.chunjiw.net/

Screenshot_20230224_184513_Chrome

@keskival
Copy link
Owner Author

reuixiy/hugo-theme-meme#421

@keskival
Copy link
Owner Author

Fixed.
4dfd23e

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@keskival