【はてな】レスポンシブ設定でスマホ表示の時だけ画面下に「ボトムナビゲーション」を設置する方法 - コメチカレポート

※当ブログのコードで不具合が発生した場合の責任は負いかねますので、カスタマイズは自己責任でお願い致します。 どうも、近松おこめです。 今回紹介するカスタマイズはレスポンシブ設定で、スマホ表示の時だけ画面下に「ボトムナビゲーション」を表示する方法です。 文字だけだと分からないと思うので、実際の実装画像をご覧ください。 （PC表示） （スマホ表示） 赤枠の部分がスマホの時だけ表示されてますよね。 これを作るカスタマイズです。 それでは、さっそく行ってみましょう！ スマホ表示の時だけ「ボトムナビゲーション」を設置する方法 HTMLコード CSSコード テーマによっては出来ない可能性もあります…。 スマホ表示の時だけ「ボトムナビゲーション」を設置する方法 www.bambi.pro 今回のカスタマイズはこちらの、元CAバンビ様の記事を参考にさせて頂きました。 記事で紹介されている方法では、 HOM

[kamenutsu]

やってみようっと♬

[mraka2015]

参考になります。もし出来そうなら、ブログにやってみます。

[UrushiUshiru]

レスポンシブにしなければテーマ関係なく設置できますよ。