I've been trying to make a subcategory (or child category) drop down menu for a while now. I tried many plugins, but some of them just display a pre-made bar on the top of my blog page. I wanted my main categories to be displayed in a certain area of my header file and then I wanted the categories to form a drop down of subcategories when you hover over them with a mouse. The other plugins I looked into I couldn't really understand, even when doing research about them.
So finally, I've decided to ask for help here hoping that someone has a solution to the problem. I found a JQuery code that somewhat works, but, when the subcategories drop down into a menu after you hover over the main categories, it's all disorganized and my post section lowers itself down the page (instead of the drop down menu going over the post section, everything lowers - if that makes sense). So, I don't think I'm doing it right. Also, when you hover over the subcategories, some of them are discolored.
What I was trying to achieve was a green drop down menu box with a list of my child categories (once you hover over the main categories). Instead, the end result is completely different.
Here's the code I put into the header file of WordPress:
And here's my website if you wanted to preview: http://www.cashcampfire.com
Thanks in advance to anyone willing to help.