Nav Menu dropdown showing unwanted elements

I created a Navbar that included a logo for the middle (between the 2 Nav Links). This shows in the desktop and tablet versions. However, considering the logo did not show up in mobile I had to create a second DIV box to place the logo so it shows up in the header on mobile.

Now I have 2 issues…the logo that’s shown in the desktop and tablet versions is showing up in the dropdown menu for mobile. Also, when hovering over the menu items they veer off to the left. I created a transition where the items enlarge a few pixels in size upon hover.
nav issue

Here is my site Read-Only: LINK
(how to share your site Read-Only link)