使用CSS

Question

我正在使用wordpress菜单建立一个parallax网站。我的菜单是自动生成的。

我当前的菜单是：

<nav id="site-navigation" class="main-navigation">
    <div class="menu-toggle">Menu</div>
    <ul class="nav single-page-nav">
        <li class="current"><a href="http://www.ehipp.org/#main-slider">Home</a></li>
        <li><a href="http://www.ehipp.org/#section-57">About Us</a></li>
        <li><a href="http://www.ehipp.org/#section-36">Board of Directors</a></li>
        <li><a href="http://www.ehipp.org/#section-175">Products</a></li>
        <li><a href="http://www.ehipp.org/#section-395">Seminars</a></li>
        <li><a href="http://www.ehipp.org/#section-287">Research</a></li>
     </ul>
</nav><!-- #site-navigation -->

我想强制将“研讨会”部分显示为菜单上“产品”的子部分。因此，产品将是父页面，研讨会将是其子页面。

我不是从Menu创建菜单，因此要修复它并不容易。

我可以使用自定义CSS吗？

提前谢谢！