I spent hours upon hours this week trying to code a new top navigation bar for our website. Our current navigation bar is an improvement over our old website, but usability tests showed that our users really wanted a drop down nav bar.
Now, in strict coding sense, this should be easy to put together. There are plenty of cut and paste options out there. Sadly, none of them worked for me. First, it turns out I was using the wrong coding language. I was coding in straight HTML when I needed Bootstrap. Second, I didn't want a drop down on click bar. I wanted a drop on hover which is more complicated when it comes to coding CSS. Finally, our library's website is hosted by a service that has their own backend base code that I can't access. This base code sometimes messes with things but I have no ability to find out how or why. I have to guess to get things working.
So, for hours, I would build something that worked in a simulator but then failed on the website. Or, I could get the functionality to work but the formatting would change. Or, I could get the formatting to work, but the drop on hover would fail.
It was all highly aggravating... compounded by the fact that I hate coding.
But, after many hours of perseverance, I think I found the one thing that was causing the cascade of issues. The functionality works in the simulator and on the website. I do to tweak some CSS formatting, but I'm almost there.
I am going to throw myself a small dance party when I get the final nav bar on our website.
What aggravation have you pushed through recently?