Mostrar Automáticamente el Submenú en WordPress

Si estás desarrollando este tema con tu propio marcado HTML y CSS, entonces debería ser bastante fácil...

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'topNav', 'after' => '<span> </span>' ) ); ?>

Notarás que este menú en PHP genera una lista desordenada con tu submenú como una lista desordenada anidada.

Observa el marcado generado en el DOM, se verá algo así...

<ul class="menu">

    <li class="menu-item">
        <a href="...">Inicio</a>
    </li>

    <li class="menu-item current-menu-parent">  
        <a href="...">Tienda</a>

        <ul class="sub-menu" style="display: none;">

            <li class="sub-menu-item">
                <a href="...">Mi Cuenta</a>
            </li>

            <li class="sub-menu-item current-menu-item">
                <a href="...">Rastrea tu pedido</a>
            </li>

            <li class="sub-menu-item">
                <a href="...">Pagar - Finalizar compra</a>
            </li>

        </ul>

    </li>

    <li class="menu-item">
        <a href="...">Taller</a>
    </li>

    <li class="menu-item">
        <a href="...">Galería</a>
    </li>

</ul>

Puedes ver en el marcado que WordPress genera una clase para cada elemento.

Y cuando un elemento del menú está activo, WordPress añade las clases activas current-menu-item o current-menu-parent a los li's.

Así que usando un poco de jQuery como el siguiente, puedes controlar la visibilidad de esos subelementos...

var allSubmenus = $('.sub-menu').hide();
// esta variable oculta todos los submenús ul con 'display: none;'

$('li.current-menu-parent, li.current-menu-item').find('ul').show();
// si estos li tienen las clases current, se establecen a 'display: block', esto es para recargas de página para que el menú actual sea visible al cargar la página.

$('li.menu-item a').click(function() {
    allSubmenus.hide();
    $(this).parent().find('ul').show();
});
// básicamente, cuando se hace clic en un enlace del menú, oculta todos los submenús usando nuestra variable, luego encuentra cualquier ul hijo (submenú) y lo establece a 'display block'

Luego de esto, tienes que ser inteligente con tu CSS y posicionar tu ul.sub-menu como absoluto respecto al padre ul.menu { position: relative } - y asegurarte de que el li.menu-item y ul.menu tengan el overflow configurado como visible, pero li.menu-item NO debe tener posicionamiento.

Déjame saber si no puedes resolver el CSS.

ACTUALIZACIÓN

Prácticamente me di cuenta, si tus submenús solo aparecen en la página del current-menu-item mismo, y no quieres que el submenú aparezca mientras estás en otra página del menú principal... entonces simplemente configuras tu CSS así, sin necesidad de jQuery... (pero usando el mismo método CSS mencionado anteriormente también)

ul.menu {
   position: relative;
   overflow: visible;
}

li.menu-item {
   /* Sin posicionamiento */
   overflow: visible;
   float: left;
}

ul.sub-menu {
   display: none;
   position: absolute;
}

li.sub-menu-item {
   float: left;
}

li.current-menu-parent ul,
li.current-menu-item ul {
   display: block !important;
}