For some reason, when hovering over the dropdown ‘Food’, when you move the cursor to the dropdown navlinks, it disappears, can’t find the reason why this is happening but prevents the user from accessing the additional pages.
It is not a bug, so I moved the topic to the different category.
The reason of the issue is the top margin, that you applied to the dropdown list. It separates dropdown list from the toggle button edge so the moment when you move the mouse out of toggle it is not hovering dropdown list yet and its closing whole dropdown component.
Change top margin to the same size top padding and the issue will be gone.