0
プロジェクト：lightertaste.comサブメニュー（ヘッダーの下に表示）表示されない
トップメニューは、約の下でサブメニューを持っている栄養&フィットネス、およびリソースが、それは正しく表示されません。メニューの下に隠されているようだ。
誰かが訂正するのを助けることができます。ありがとう！解決
<div class="before-header"><section id="text-5" class="widget widget_text"><div class="widget-wrap"> \t \t \t <div class="textwidget"><div id="top-navigation">
<table><tr><td>
<nav id="top-navigation">
<ul>
<li>
<a href="http://www.lightertaste.com/">Home</a>
</li>
<li>
<a href="/about/">About</a>
<ul>
<li><a href="/about/">About</a></li>
<li><a href="/philosophy/">Philosophy</a></li>
<li><a href="/faq/">FAQ</a></li>
<li><a href="/work-with-me/">Work With Me</a></li>
<li><a href="/contact/">Contact</a></li>
</ul>
</li>
<li>
<a href="/recipe-index/">Recipe Index</a>
</li>
<li>
<a href="#">Nutrition & Fitness</a>
<ul>
<li><a href="#">Meal Plans</a></li>
<li><a href="#">Meal Prep</a></li>
<li><a href="#">Workouts</a></li>
</ul>
</li>
<li>
<a href="#">Resources</a>
<ul>
<li><a href="#">Start a Blog</a></li>
<li><a href="#">My Blogroll</a></li>
<li><a href="#">Thank Yous</a></li>
</ul>
</li>
<li>
<a href="#">Shop</a>
</li>
</ul>
</nav>
</td><td>
<form class="search-top-form" method="get" action="http://www.lightertaste.com/">
<input class="search-top-input" type="text" name="s" id="s" value="" placeholder="Search" />
<input class="search-top-submit" type="submit" name="submit" id="searchsubmit" value=" " />
</form>
</td></tr></table>
</div>
<div class="top-subscribe-social">
<span class="social-top">
<a target="_blank" class="icon-rss top-social" href="#"></a>
<a target="_blank" class="icon-facebook top-social" href="#"></a>
<a target="_blank" class="icon-pinterest top-social" href="https://www.pinterest.com/lightertaste"></a>
<a target="_blank" class="icon-instagram top-social" href="https://www.instagram.com/lightertaste"></a>
<a target="_blank" class="icon-twitter top-social" href="https://twitter.com/lightertaste"></a>
<a target="_blank" class="icon-heart top-social" href="#"></a>
</span>
</div></div>
\t \t </div>.before-header {
\t background: #3d4646 !important;
\t clear: both;
\t padding: 5px !important;
\t text-align: center;
\t font-family: 'dosis-regular' !important;
\t font-size: 14px;
\t letter-spacing: 1px;
\t text-transform: lowercase;
}
.before-header .widget {
\t margin: 0 auto;
\t max-width: 1000px !important;
}
/* Top Navigation
--------------------------------------------- */
#top-navigation ul {
\t list-style: none;
\t position: relative;
}
#top-navigation ul a {
\t display: block;
\t color: #ffffff !important;
\t font-weight: normal !important;
\t text-decoration: none;
}
#top-navigation ul a:hover {
\t color: #68a29c !important;
}
#top-navigation ul li {
\t position: relative;
\t float: left;
\t margin: 0px 10px;
}
#top-navigation ul li:first-child {
\t margin-left: 0px;
}
#top-navigation ul li:hover {
\t color: #79a7a5;
}
#top-navigation ul ul:before {
\t content: '';
\t display: block;
\t margin: auto;
\t width: 0;
\t height: 0;
\t border-left: 11px solid transparent;
\t border-right: 11px solid transparent;
\t border-bottom: 11px solid #68a29c;
}
#top-navigation ul ul {
\t display: none;
\t position: absolute;
\t margin-top: -2px;
\t left: 50%;
\t transform: translateX(-50%);
\t width: 150px;
}
#top-navigation ul ul li {
\t float: none;
\t margin: 0px;
}
#top-navigation ul ul a {
\t display: block;
\t background: #68a29c;
\t padding: 10px;
\t font-size: 12px;
}
#top-navigation ul ul a:hover {
\t background: #3d4646;
\t color: #ffffff;
}
#top-navigation ul ul ul {
\t top: 0;
\t left: 100%;
}
#top-navigation ul li:hover > ul {
\t display: block;
}