還暦過ぎのスローライフ
このブログでは広い画面で見た時には画面上部にメニュー一覧が横並びで表示されますが、モバイル画面になると一覧表示でなく折り畳まれてハンバーガーメニューと呼ばれる横に3本の線が重なったアイコンに変わり、これをタップするとメニューが展開されるようになっています。
昨日気がついたのですが、このハンバーガーメニューをタップしてもメニューが展開されないのです。
最近のブログ本体のアップデートによるものなのか？それとも各種プラグインを入れてあるので、これらのバージョンアップによるものなのか今のところは原因不明です。
試しにプラグインを全てオフにしてみても治る事はありませんでした。
ただ、このブログのメニューは単にカテゴリー分けしているだけですから、サイドバーのカテゴリーを選択した事と同じ動作をするので、それ程の問題にもならないと思います。
昨日、何とか実現出来たwordpress Twenty-seventeen の画像と見出しの左右マージン0 ですが、その後気がついた事がありました。
まず
.post {
overflow: hidden;
margin-left:-25px;
margin-right: -25px;
｝
と
.wrap{
padding-left:1.5em; padding-right:1.5em;
}
を見ると、class post でマイナスマージンを指定しならが、class wrap ではpadding 設定しています。
このpost はいつかネット上で拾ってきたもので、wrapの方はTwenty-seventeen の仕様のようです。
結局、Twenty-seventeen で元々は1.5em のpaddingが設定してあったものをpostで打ち消して余白量を減らしているようです。
昨日あれだけ必死になってやっと実現出来たと思った、画像、見出しの左右マージンゼロでしたが、今日になったらあちこちに不具合が見つかり結局ダメ。
と言うのも、それなりに見えたのはそれまで投稿済みの物だけで、新規記事についてはやはり余白が付いてしまっていました。よくよく考えてみると、昨日のやり方は左右のマージンを思いっきり減らして、いわば拡大していたようなものだったのか？
些かメゲて来たけど、何とか実現させたい物です。しかし、その前に昨日変更した部分を元に戻さなくては！
ガッカリ！！
変更、又は追加したCSSを元に戻して、改めて落ち着いて考えてみました。
まず、chrome で自分のwordpress のブログを開いて、デベロッパーツールでいろいろと検証してみました。 “結局ダメだった余白ゼロ でもその後．．．．” の続きを読む