LION MEDIA　スマホのGメニューカスタマイズ成功🎶

以前、LION MEDIAのGmenyu- をスマホでプルダウン表示にしたいという記事を書いた際に、
どうしてもうまく出来なかったので諦めてました。

Gナビと呼ばれているメニューなんですけど、上の。これがプルダウンに出来なくてとても困っております。プルダウンで見れる方がジャンルやカテゴリがわかりやすくて便利なのですよね。右側のカテゴリの方で表示はされてるんですけど、やはり皆さ...

でも、副鼻腔炎で収録できなく時間が出来たので、ちょっとやってみようかなと。

そしたら、気づいたのです！！

これを・・・


jQuery(function($){
  $(function(){
    var width = $(window).width();
    $(".menuNavi-close,#menuNavi__search").click(function(){
      $("#extra__menu").addClass("l-extraNone").removeClass("l-extra");
      $("#extra__search").addClass("l-extra").removeClass("l-extraNone");
      $("#menuNavi__search").addClass("menuNavi__link-current");
      $("#menuNavi__menu").removeClass("menuNavi__link-current");
    });
    $("#menuNavi__menu").click(function(){
      $("#extra__menu").addClass("l-extra").removeClass("l-extraNone");
      if(width <= 767){
          $("#extra__search").addClass("l-extra").removeClass("l-extraNone");
      }
    });
    
  });
});

これで囲んでいなかったことに・・・



<script type="text/javascript">
</script>

めっちゃ初歩的なことでした・・おばか・・(｀；ω；´)

これで無事にスマホでのみ表示され、
ちゃんとCloseボタンで閉じるGメニューが出来ました！！

-追記-

header.phpに記載する際、こっちのサイトでは親テーマのを子テーマにコピーして記載でできたんですが、
別名義サイトでは子テーマにコピーしたら文字の羅列が上部にでてしまって、
親テーマのheader.phpに直接書き込んでできました。

同じテーマで同じ用に設定してきているのに、シロートなんで何が違うのかはわかりません・・。

メモなのです。

ついでに、コード表示をシンプルにしたかったので、
重いし「Crayon Syntax Highlighter」はやめて
highlight.js　で直接指定することにしました。

cssを設定するときは　”.css”の前に”.min”をつける　
これしないでずっと反映されないって悩んでましたｗ　

でも、元々の指定の姓無いのか、左側の黒いラインとグレーの背景がおまけに付いてくるんですよね・・・。

WordPressって・・めんどくさいですね(｀；ω；´)