浪人のサムライです。

本日、ホームページをリニューアルしました。

ホームページの右上にグローバルメニューがありました。「ロゴ1」とか表示されている部分ですね。グローバルメニューの文字が増えるにつれ、どんどん左側を圧迫します。

常にロゴを公開していると、ページが増えて圧迫されていきます。「これはなんとかしたい」と。そこで、常にハンバーガーメニューを表示させるようにしました。

これでいくらページが増えても問題ありません。

ちなみにスマホではハンバーガーメニューを搭載していました。それをPでも実現させるということですね。

ハンバーガーメニューはあらゆるサイトで採用されていますが、知らない人にとっては、「なんだこの3本線は？」となるかもです。

実は、ハンバーガーメニューに関してあまり好きではないですが、まぁ、これはPCでも導入するしかないと思いました。なので、ハンバーガーメニューを搭載することにしました。

悩みが1つ消えました。

ロゴを増やしてもグローバルメニューの文字で圧迫されない。精神的に楽です。

あと、ページ幅も調整しました。

スマホでは左右に少しだけ開けて画面いっぱいに表示させました。

ところが、そのままだとPCも画面いっぱいになります。左右の余白はありますけどね。

これにしていると、ロゴがかすむので、PCでは画面幅を調整しました。

これでロゴがかすまないようにしました。

今回はCSSの調整でおこないました。

知識を持っていて良かった・・・。

とりあえず、ホームページのリニューアルは終了です。

ガンガンロゴを作って公開していきたい。

そんな感じで思っています。