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

Flash menu on page reload fix #201

Open
Janvier123 opened this issue May 12, 2023 · 1 comment
Open

Flash menu on page reload fix #201

Janvier123 opened this issue May 12, 2023 · 1 comment

Comments

@Janvier123
Copy link

Just a quick fix for the flashing menu when page reloads.

Example:
.topbar-nav .metismenu > li > ul { position: absolute; top: 100%; min-width: 100%; z-index: 1001; display: none; background: #1e1e1e; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15); }

Or just add "display: none;" to your css

Source: https://stackoverflow.com/questions/10237037/entire-drop-down-menu-quickly-flashes-upon-page-load

Greetz

@lee-peter24
Copy link

lee-peter24 commented May 13, 2024

I've a solution after inspected from browser to solve a flashing in the metismenu when reloading another page.
Step:

  • replace .metismenu .mm-collapse:not(.mm-show){display:none} at metisMenu.css with
    .metismenu > li:not(.mm-active) > ul:not(.mm-collapse.mm-show) { display:none; }

Note: The version I used was 3.0.7.

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

No branches or pull requests

2 participants