こんにちは
オリジナルのテーマということですが、現状はどのようなコードでメニューを出力していますか？
wp_nav_menu() を使用している場合は、depth パラメータで階層数を指定することができます。
https://wpdocs.osdn.jp/テンプレートタグ/wp_nav_menu
メッセージありがとうございます。
コードは下記の通りです。
<?php if (has_nav_menu(‘site-menu1’)) : ?>
<?php wp_nav_menu(array(
‘theme_location’ => ‘site-menu1’,
‘menu_id’ => ‘site-header-nav1’,
‘menu_class’ => ‘menu site-header-nav menu-pc’,
‘container’ => false,
‘link_before’ => ‘<span>’,
‘link_after’ => ‘</span>’,
‘depth’ => 1,
));
?>
表示したい副項目が2つあるので、depthを2としてみたのですが、副項目が常時表示された状態となってしまいます。
通常は親メニューのみ表示、カーソルを合わせた時のみ子メニューが表示をされるようにしたいので、現状は親メニューのみ表示するようdepthを1にしてあります。
cssの問題なのかな？とも思っているのですが…。
下記は、CSS で副項目を非表示（display: none）にして、親項目のマウスホバーで表示する場合の例です。
#site-header-nav1 .children {
display: none;
}
#site-header-nav1 li:hover .children {
display: inline-block;
}
他にもいろいろな方法があります。また、ナビゲーションメニューは比較的大掛かりな CSS やスクリプトになるかと思います。
ここで全てを手取り足取り説明することはできませんので、後は既存のテーマなどを参考にしてください。
解説いただきありがとうございます。
編集してみます。
