【再投稿】【Sydney】モバイルで表示されるトップメニューの修正
-
再度、投稿させていただきます。
Sydneyのテーマでサイトを作成しております。
全てカスタムメニューでトップメニューを作成しました。トップメニュー
親 【システム】 ⇒ URLなし↓PC:マウスホバー or モバイル:Vマークを押下
子 (【システム】項目1) (【システム】項目2) ⇒ URLあり
となっています。
トップメニューの親メニュー【システム】はURLを指定していない為
※させたくないです。あくまでサブメニューからページ遷移させたいのでPCの場合マウスホバーで子メニューが表示されるので問題ないのですが
モバイルの場合だと 親メニューの『V マークを押下』しないと
子メニューが表示されません。
これだとユーザーに分かりづらいので、『V マークを押下』ではなく
親メニューを押せば、子メニューが表示される仕様に変更したいです。この質問に対し、アドバイスを頂き下記コードを追加致しました。
header.php内のwp_head()を削除するとうまく動作するのですが
wp_head()が残っていると、メニューボタンを押下後、すぐに閉じてしまいます。
※おそらくwp_head()で再度javascriptが読み込まれて
メニューボタンを押下してメニューが開いてもすぐに閉じてしまうと思われます。wp_head()を削除してしまうとプラグイン等がうまく動作しなくなる
可能性があると知り、再度投稿させていただきました。
現在は、header.php内のwp_head()は削除して動いている状態です。
※現状、特に問題なく動いているように思えますが・・・
よろしくお願い致します。function.phpに下記の関数を追加
—————————————————————-
function my_enqueue_scripts() {
$script = <<<SCRIPT
jQuery(function($) {
$(document).on(‘click’, ‘#mainnav-mobi li a’, function(e) {
var submenu = $(this).next();
if (submenu.is(‘.btn-submenu’)) {
submenu.toggleClass(‘active’).next(‘ul’).slideToggle(300);
e.preventDefault();
}
});
});
SCRIPT;wp_add_inline_script( ‘sydney-main’, $script, ‘after’ );
}add_action( ‘wp_enqueue_scripts’, ‘my_enqueue_scripts’ );
—————————————————————–ヘルプの必要なページ: [リンクを見るにはログイン]
- トピック「【再投稿】【Sydney】モバイルで表示されるトップメニューの修正」には新たに返信することはできません。