The dropdown menu which appears when you click "Choose Category" displays at a z-index below the content below it. I've tried changing the z-index of the ul and li but doesn't respond.
What might be the cause of this and what might be a solution?
There is simple just give .utility-bar class to z-index:1.
Because both UL have position:absolute So, give it's container z-index value higher than other will solve your issue.
Note: And take care of next time. Do not post link, post Actual code here in question. Otherwise it is consider as low-quality post.