以前、LION MEDIAのGmenyu- をスマホでプルダウン表示にしたいという記事を書いた際に、
どうしてもうまく出来なかったので諦めてました。
でも、副鼻腔炎で収録できなく時間が出来たので、ちょっとやってみようかなと。
そしたら、気づいたのです!!
これを・・・
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”をつける
これしないでずっと反映されないって悩んでましたw
でも、元々の指定の姓無いのか、左側の黒いラインとグレーの背景がおまけに付いてくるんですよね・・・。
WordPressって・・めんどくさいですね(`;ω;´)
コメント