Заставить страницу иметь подстраницу в WordPress меню, используя 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?

Заранее спасибо!