离开父菜单时子菜单消失（css）

目前，当我将鼠标悬停在父菜单之外时，我网站上的子菜单将消失（请参阅www.fitnessdelicious.com上的导航菜单）。我从其他线程中尝试了几种声明的解决方案，但到目前为止似乎没有任何效果。在html和CSS方面，我对自己正在做的事情有一些想法，但现在我真的不知道该怎么做。请帮忙？下面是CSS代码片段。谢谢

/*导航菜单
-------------------------------------------------------------- */
#主导航图标{
显示：无；
}
#纳维包装{
背景：#fff；
}
#主导航菜单{
列表样式类型：无；
列表样式位置：外部；
文本对齐：左对齐；
边框顶部：1px实心#ecece；
边框底部：1px实心#e6e9bf；
z指数：100；
位置：相对位置；
}
#主导航菜单{
浮动：中心；
位置：相对位置；
右边距：1px；显示：内联；
}
#主导航菜单a{
显示：块；
填充：.15em；
字体系列：“Lato”，无衬线；
文本转换：大写；
文字装饰：无；
字体大小：15px；
字体系列：“Lato”，无衬线；
-webkit转换：所有0.1都可以轻松完成；
-moz转换：所有0.1秒都会变慢；
-毫秒转换：所有0.1秒都会变慢；
-o型过渡：所有0.1秒都放松；
过渡：所有的0.1都放松；
}
#主导航菜单a:链接，#主导航菜单a:已访问{
文字装饰：无；
字体系列：“Lato”，无衬线；
字体大小：14px；
字体大小：300；
颜色：#d2da58；
字母间距：2px；
文本转换：大写；
边际：0.13px；
高度：50px；
行高：50px；显示：内联；
}
#主导航菜单a：悬停{
背景：#fff；
颜色：#ff7a7f；
}
/*下拉菜单
-------------------------------------------------------------- */
#主导航菜单{
位置：绝对位置；
显示：无；
z指数：99；
左：-9999px；
背景：#fff；
框阴影：0 0 2px#444；显示：内联；
}
#主导航菜单{
保证金：0；
显示：内联；
}
#主导航菜单{
宽度：250px；
宽度：16雷姆；
填充：1em；
字体大小：正常；
颜色：#333；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#主导航菜单ul a:链接，#主导航菜单ul a:已访问{
颜色：#333；
字号：0.9em；
文字装饰：无；
}
#主导航菜单ul a：悬停{
颜色：#fff；
背景：#e84747；
}
#主导航菜单{
左边距：250像素；
左边距：16雷姆；
}
#主导航菜单li：悬停ul，#主导航菜单li：悬停ul，#主导航菜单li：悬停ul{
显示：无；左侧：0；
}
#主导航菜单li:hover-ul，#主导航菜单li:hover-ul，#主导航菜单li:hover-ul，#主导航菜单li:hover-ul{
显示：块；左：0；
}
#主导航菜单li.current_页面_项目a，#主导航菜单li.current-menu-item a{
文字装饰：无；颜色：#ff7a7f；
}
#主导航菜单li.current_页面_项ul li a，#主导航菜单li.current-menu项ul li a{
文字装饰：无；颜色：#ff7a7f；
}
#主导航菜单ul li.current_page_项目a，#主导航菜单ul li.current-menu项目a{
文字装饰：无；颜色：#ff7a7f；
}
#主导航菜单ul li.current_page_项目ul li a，#主导航菜单ul li.current-menu项目ul li a{
文字装饰：无；颜色：#ff7a7f；
}

菜单

我不会为你回答，我会告诉你在哪里可以找到这样的答案。在mac上用Chrome（命令Shift I）打开开发者面板，然后右键单击您感到困惑的菜单栏并选择“检查元素”

您将在页面上看到元素，对于每个选定的元素，您将在“样式”选项卡中看到应用于该元素的样式

例如： 只需快速浏览一下您的，我就看到一种颜色被应用到白色的导航图标类。当我单击以禁用它时，我看到文本的其余部分显示为黑色。它就在那里，现在你需要找到红色的设置位置。查看“元素列表和样式”选项卡，您将找到它。

尝试以下js FIDLE代码：

/*导航菜单
-------------------------------------------------------------- */
#主导航图标{
显示：无；
}
#纳维包装{
背景：#fff；
}
#主导航菜单{
列表样式类型：无；
列表样式位置：外部；
文本对齐：左对齐；
边框顶部：1px实心#ecece；
边框底部：1px实心#e6e9bf；
z指数：100；
位置：相对位置；
}
#主导航菜单{
浮动：中心；
位置：相对位置；
右边距：1px；显示：内联；
}
#主导航菜单a{
显示：块；
填充：.15em；
字体系列：“Lato”，无衬线；
文本转换：大写；
文字装饰：无；
字体大小：15px；
字体系列：“Lato”，无衬线；
-webkit转换：所有0.1都可以轻松完成；
-moz转换：所有0.1秒都会变慢；
-毫秒转换：所有0.1秒都会变慢；
-o型过渡：所有0.1秒都放松；
过渡：所有的0.1都放松；
}
#主导航菜单a:链接，#主导航菜单a:已访问{
文字装饰：无；
字体系列：“Lato”，无衬线；
字体大小：14px；
字体大小：300；
颜色：#d2da58；
莱特
Its examples, you can follow this structure for the same