もう、ダウンロードできなくなってますが、
長年愛用の「SlickNav」の仕様は、
PCはPCでメニュー周りのデザインはやってね。
モバイルで何か変更かけたければ、モバイル版も別途作ってね。

はぁ〜。レスポンシブじゃない仕様。
ヘッダーのレイアウトをPCと共有したい願望に終止符をwww
//別に、別々に作るのはいいんだけど、メンテナンスの時にどちらかのリンクを書き換え忘れとか、消し忘れとかアルアルだからファイルは1つの方が良い。

1)header_layout.html としてヘッダーレイアウトを保存
2)PCはincludeでもechoいいので「header_layout.html」を呼び出し。
3)SlickNav本体はprependで直前呼び出しなので、

//おまじない
$(function(){
//レイアウトデータを取得
$.get('header_layout.html', function(layout_data){
//「layout_data」を prependで呼び出し
//メニューデザインの前に置く
//「slicknav_menu」はbodyの直後
$('.slicknav_menu').prepend(layout_data);/
});
});

昨日の午後から色々調べてやっと解決。
スッキリ!

この記事が気に入ったらサポートをしてみませんか?