fix: sticky nav, ul in nav
This commit is contained in:
@@ -2,24 +2,11 @@
|
||||
|
||||
.backendlayout-home_page {
|
||||
|
||||
// --- Target the header element ---
|
||||
header {
|
||||
// --- Mobile First: Always Primary Background ---
|
||||
@apply bg-primary text-white;
|
||||
|
||||
// Mobile link/icon colors (on primary background)
|
||||
#mainNav .nav-link { // Target links within #mainNav
|
||||
@apply text-primary lg:text-white lg:hover:text-gray-200;
|
||||
}
|
||||
// Adjust mobile submenu link colors if needed (depends on dropdown background)
|
||||
#mainNav .sub-menu .nav-link {
|
||||
@apply text-gray-700 hover:text-black; // Assuming light dropdown background
|
||||
}
|
||||
|
||||
// --- Desktop Styles ---
|
||||
@screen lg {
|
||||
// Initial state: Transparent background, fixed position
|
||||
@apply fixed top-0 left-0 right-0 z-50 bg-transparent transition-colors duration-300 ease-in-out;
|
||||
@apply bg-transparent transition-colors duration-300 ease-in-out;
|
||||
|
||||
// Initial link colors and background for transparent header (desktop)
|
||||
#mainNav .nav-link {
|
||||
@@ -49,11 +36,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// --- Default styles for header on NON-home pages ---
|
||||
// Ensures header has a background and correct colors on other pages
|
||||
body:not(.backendlayout-home_page) {
|
||||
header {
|
||||
@apply bg-primary text-white; // Or your desired default background/text
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user