モバイル版でメニュー表示が出来ない

ハンバーガーメニューが動作しない!

このブログでは広い画面で見た時には画面上部にメニュー一覧が横並びで表示されますが、モバイル画面になると一覧表示でなく折り畳まれてハンバーガーメニューと呼ばれる横に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 のブログを開いて、デベロッパーツールでいろいろと検証してみました。 “結局ダメだった余白ゼロ でもその後....” の続きを読む