Mobile Navigation Menu Not Opening Properly

<p class="font-claude-response-body break-words whitespace-normal">Hi,</p> <p class="font-claude-response-body break-words whitespace-normal">I'm experiencing an issue with the mobile navigation menu on my website. When I view the site on a mobile device, the menu doesn't open correctly — tapping the menu icon either doesn't respond or the menu appears broken/overlapping instead of opening smoothly like it does on desktop.</p> <p class="font-claude-response-body break-words whitespace-normal">A few details:</p> <ul class="[li_&]:mb-0 [li_&]:mt-1 [li_&]:gap-1 [&:not(:last-child)_ul]:pb-1 [&:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3"> <li class="font-claude-response-body whitespace-normal break-words pl-2">Issue occurs specifically on mobile view (tested on phone browser) <li class="font-claude-response-body whitespace-normal break-words pl-2">Desktop navigation works fine <li class="font-claude-response-body whitespace-normal break-words pl-2">Not sure if this is a theme conflict, a plugin conflict, or a caching issue <p class="font-claude-response-body break-words whitespace-normal">Could someone help me troubleshoot this? Any guidance on what settings or files I should check would be appreciated.</p> <p class="font-claude-response-body break-words whitespace-normal">Thank you!</p>