diff --git a/static/navbar.css b/static/navbar.css index 81bb02c9a7561807bc37ae740b43fb5ff59508df..12ee5d95d8b3f7809b55bcb809a2ab2ca32e97ec 100644 --- a/static/navbar.css +++ b/static/navbar.css @@ -74,25 +74,6 @@ body{ margin-right: 30px; /* Ensure sufficient space between "Education" and "Safety" */ } -.my-navbar > li .son { - margin-top: 0; /* Remove any margin to avoid indentation */ - padding: 0; /* Remove padding if not needed */ - position: absolute; /* Position absolutely */ - top: 100%; /* Align the dropdown directly below the parent */ - left: 0; /* Align to the left edge of the parent */ - width: 100%; /* Make sure the dropdown is as wide as the parent */ - background-color: #C6EBE8; /* Match the background to the navbar */ - z-index: 1000; /* Ensure it appears above other elements */ - visibility: hidden; /* Initially hidden */ - opacity: 0; /* Start with invisible dropdown */ - transition: opacity 0.3s ease-out, visibility 0.3s ease-out; /* Smooth transition for visibility and opacity */ -} - -.my-navbar > li:hover .son, -.my-navbar > li.active .son { - visibility: visible; /* Make it visible */ - opacity: 1; /* Make it opaque */ -} /* Adjust for smaller screens */ @media screen and (max-width:1130px) {