ACM/hack-wpi-static
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

🎨 style(nav): remove bg from mobile menu links
Some checks failed
Add MLH Banner / Add-MLH-Banner (push) Has been cancelled
Details

Browse source 
Add the !bg-none utility to mobile menu anchor classes so links do not
retain an unwanted background. Ensures hover styles render correctly and
prevents persistent background color in the mobile dropdown menu.
This commit is contained in:
Nikita Ostapenko 2025-11-24 21:10:30 -05:00
parent 957b555026
commit 3741d3a264
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -126,10 +126,10 @@
<!-- MOBILE: dropdown menu (hidden by default) --> <!-- MOBILE: dropdown menu (hidden by default) -->
<div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-[#171717] border-b border-zinc-700 z-40"> <div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-[#171717] border-b border-zinc-700 z-40">
<nav class="flex flex-col py-2"> <nav class="flex flex-col py-2">
<a href="index.html#header12-2" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500">REGISTER</a> <a href="index.html#header12-2" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">REGISTER</a>
<a href="index.html#gallery6-1g" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500">SPONSORS</a> <a href="index.html#gallery6-1g" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">SPONSORS</a>
<a href="index.html#content17-y" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500">FAQ</a> <a href="index.html#content17-y" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">FAQ</a>
<a href="index.html#contacts2-13" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500">CONTACT</a> <a href="index.html#contacts2-13" class="block px-4 py-3 hover:bg-zinc-900 hover:text-red-500 !bg-none">CONTACT</a>
</nav> </nav>
</div> </div>