WordPress 2012 Menu

Hi!

Our site is using the 2012 theme and we’ve customized it, but we are using the default WordPress Custom Menu and we have not edited the menu other than customizing colors, yet the drop down items don’t display in full desktop view:

https://cutesportsfan.com

1. Yes we have created the drop down items within the dashboard. The “Site Info” link has 2 drop down items.

2. The drop downs do display in responsive/mobile view

3. We are using the MyStickyMenu plugin to create the sticky menu on scroll, and the drop downs do display perfectly once you scroll into sticky mode.

4. We have disabled the MyStickyMenu plugin to see if that’s what is causing the issue, and it’s not. Even when the plugin is disabled, no drop downs display on the default desktop view ??

5. The css is in the stylesheet for the drop downs and it does properly control the drop down in sticky menu:

.main-navigation li ul {
display: none;
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul {
border-left: 0;
display: block;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
}
.main-navigation li ul li a:hover {
background: #e3e3e3;
color: #444;
}

6. When you hover over the drop downs in mobile view, the title attribute appears way over on the right of the screen, which seems to indicate something broken/out of alignment.

We’re thinking we possibly messed it up be rearranging the area above it such as the site description? Not sure :\

Any help is appreciated!

Thank you!