以前までは下記のCSSで余白を消していました。

.logo-image {
padding: 0;
margin:0;
}
.logo-image * {
display: block;
margin: auto;
}
.logo-image span,
.logo-image a,
.logo-image img {
display: block;
}

Windows PC と iphoneで見てみたのですが、私の環境では、上の余白は、表示されません。

特定のページで、出るなどの事情があるのでしょうか？

もし、なければ、ブラウザのスーバーリロードなど、お試しになってみては、いかがでしょう？

各ブラウザでの強制リロード(スーパーリロード)まとめ

投稿者:: @tadanosyuhu

 

以前までは下記のCSSで余白を消していました。

 

 

.logo-image {
padding: 0;
margin:0;
}
.logo-image * {
display: block;
margin: auto;
}
.logo-image span,
.logo-image a,
.logo-image img {
display: block;
}

このCSSは、現在もカスタムCSSの中に記述してあるみたいです。

カスタムCSSの場所は、

ダッシュボードで、「外観」→「カスタマイズ」→「追加CSS」と辿れば開けます。

カスタマイズするための、CSSを、あちこちに、書いてしまうと、自分でも、どこに書いたのか、わからなくなりがちですよね。

1箇所にした方がいいかもしれません。

スマホのみでの運営って、凄過ぎ・・・

私は、フリック入力も、おぼつかない・・・

やればできるんですね。 ? 

@leafytree さんお返事ありがとうございます！

スマホでも意外とできるもんですよ?笑

先程ペーストしたCSSは「追加CSS」で確認済みです。ありがとうございます。

教えて頂いたスーバーリロードも試してみましたが、トップページ含めどの記事でも変わらず余白ができてしまいます。

タイミング的に、先日行われたcocoonの更新後なので何か影響を受けたのではないだろうかと思っているのですが・・・勘違いでしたら大変申し訳ありませんm(__)m

んー、やっぱり、症状が再現できないです。

ご家族か、ご友人のスマホかPCで見てみるとか・・

でも、今は、アレですよね。

お友達にスクショ、送って、って、言うとか・・

PC表示

iphoneのFirefoxのデータ消去は・・

「環境設定」→「データ管理」→「ウェブサイトデータ」→「すべてのウェブサイトデータを消去」

みたいですが、safari で見ても同じなんですよね？ ? 

iphoneを再起動してみるとか・・

iphoneのOSを最新にしてみるとか・・

iPhoneからCocoonのサイトを見たら、同じような余白が出てました。

ただ、tadanosyuhuさんのブログは余白が確認出来ないので別問題でしょうか…？

タイミング的に、先日行われたcocoonの更新後

Cocoonのサイトもちょっと前に見たときは問題なかったので、時期的にも同じくらいのタイミングっぽいです。

@saruko さん

えっ、私のiphoneのOSのバージョンは、13.4.1です。

アップデートで、ヘッダー関連の変更ってあったかな・・・？

@leafytree さん　@saruko さん

ありがとうございます！

iPhoneのOSを更新してみましたが変化なしです。

やっぱり先日行われた不具合修正が影響していそうですね、皆様ご協力ありがとうございますm(__)m

@tadanosyuhu さん

再現できたで、ござる。

iphoneで、Cocoonのフォーラムにログインしたら、症状が出たでござる。

ちなみに、モバイルヘッダーボタンを設定していない自分のサイトでは、出ないみたいでござる。

と、いう事は、

「2.ログイン時のモバイル画面ヘッダースタイルの修正」というのが、どうも、怪しそうじゃわい。

 スマホの扱いが苦手な、ただのジジイには、わからなんだ。

いかん～、自分のサイトは、アップデートがまだじゃった。 ? 

アップデートしたのは、ローカルのテストサイトの方じゃった。

ヘッダーモバイルボタンがWordPressツールバーに隠れてしまう。 | 不具合報告 | Cocoon フォーラム

これの影響かな…？

Cocoonのサイト→

フォーラムからログアウトすると余白がなくなりました。（画像添付しました。）

テスト環境（Cocoon最新版）→

WordPressからログインしてるとツールバーとモバイルヘッダーメニューが重ならないように、ツールバーとヘッダーメニューが綺麗に並ぶ。

ログアウトするとモバイルヘッダーメニューの上に余白が出来ない。

WordPressかフォーラムにログインしていると、余白が出来るっぽいですね。

WordPressにログイン時、ツールバーを非表示にしてるとログインした状態で余白が出来るのでしょうか…。

@tadanosyuhu

一度ご自分のWordPressからログアウトして、その状態で余白が出来るか確認して頂けますか？

さる子さんが貼られたトピックの修正で以下のように、body要素に出てくる.logged-inクラスを利用して、スタイリングしたんですが、
https://github.com/yhira/cocoon/commit/e29706f698f23ead42a848fb18249bca247866d8#diff-da232d78aa810382f2dcdceae308ff8eR9103iPhone

だとログイン状態だと添付画像のような管理ツールバーは出ないのでしょうか？

というか、スクロールすると僕の環境でもおかしな不具合が再現された…。

公開ページでは問題はないのですが、ログイン画面では明らかに違和感がある表示なので、修正をもとに戻しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
https://github.com/yhira/cocoon/commit/363bdfda925fd66d554482b8c41643011ed95d24#diff-da232d78aa810382f2dcdceae308ff8eL9109
後で配布するファイルも差し替えておこうと思います。

@yhira さん

@leafytree さん

@saruko さん　ありがとうございます！

ログアウトしたら、余白なしで表示されていたのでひとまず安心しました。ありがとうございます！

フォーラムにログインしてる状態で、余白がなくなりました。

わいひらさん、確認・修正ありがとうございます！

さる子さん、ご確認ありがとうございます ?