Skip to content

Commit 0cde8b2

Browse files
committed
Hide navbar dropdowns before UIkit JS initializes to prevent header flash issue
1 parent b47fdc9 commit 0cde8b2

1 file changed

Lines changed: 11 additions & 0 deletions

File tree

app/assets/theme.less

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,17 @@
2323
z-index: 980;
2424
}
2525

26+
/**
27+
* Hide navbar dropdowns before UIkit JS initializes.
28+
* UIkit only adds .uk-drop (which has display:none) after JS runs. Without this,
29+
* the raw dropdown markup renders as a visible block inside the navbar, making the
30+
* header flash too tall for a frame until JS kicks in.
31+
* Once UIkit runs, .uk-drop and its open states take over at higher specificity.
32+
*/
33+
.uk-navbar-dropdown {
34+
display: none;
35+
}
36+
2637
/**
2738
* Override Pink Cupcake default variables
2839
*/

0 commit comments

Comments
 (0)