I've been experimenting with a Javascript feature that starts with a search monocle icon. When clicked, the search box expands over the navigation bar. However, I'm running into an issue where even when the search box is not covering the navbar, the links in the navbar are unclickable. It seems like the search box is still 'there', despite not being visible.
I suspect there may be an issue in my CSS file causing this problem. I've tried various adjustments without success. The only workaround I found was to make the search bar very narrow in width. You can see a sample of the problem here:
Does anyone have any suggestions on how to ensure the search bar expands correctly without overlapping the links until the search icon is clicked?