サポート » 使い方全般 » iPhone6でのみ右端に数pxの空白

  • 解決済 spotnote

    (@spotnote)


    iPhone6で記事ページを見た場合のみ右端に数pxの空白ができてしまうのですが、カスタマイズのせいかなと思いまして、初期blogpressテーマに設定しなおしてキャッシュを削除しましたが、空白はあるままでした。他のテーマにすると空白はなくなるのですが、このような状況になってしまし頭を抱えております。

    一度wordpress自体を再インストールしたのですが、同じ状況になってしまいました。

    もしなにかヒントやアドバイスがあれば是非ご教授ください。

    http://spotnote.jp

    サイトはこれです。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • こんにちわ、spotnoteさん。

    理由は下記の通りです。

    • 複数の広告がブロック枠をはみ出している。
    • サイドバーのサイトロゴバナー、青いRSSバナーがブロック枠をはみ出している

    解決方法は下記の通りです。

    • 広告ユニットの位置を変える or サイズを変える。
    • 画像をCSSでレスポンシブ対応にする。
    トピック投稿者 spotnote

    (@spotnote)

    ありがとうございます!
    一度広告とバナーを消してみたのですが治りませんでした。

    昨日までは同じ状況で同じテーマだったのですが、そのような症状は起きなかったのですが…

    オレンジ色のRSSバナーの下の広告とフエイスブックのボックスがブロック枠をオーバーしてます。
    これを消しても治りませんか?

    トピック投稿者 spotnote

    (@spotnote)

    だめみたいですね汗

    スマホ用のウィジェットはスマホ用で設置しているので、PCのサイドバーから読み込むわけではないみたいかもしれません汗

    今ほど、iPhone6 で閲覧してみましたが左右に均等にブロックの余白はありますが・・・目立ったものはないような気がしますが、どの辺りですか?
    ※ iOS 8.1.3 Safariで閲覧

    トピック投稿者 spotnote

    (@spotnote)

    記事一覧ページでは大丈夫なのですが

    こちら
    http://spotnote.jp/wp-content/uploads/2015/02/image2.jpg

    記事ページや固定ページだとこうなってしまうのです

    こちら
    http://spotnote.jp/wp-content/uploads/2015/02/image1.jpg

    しかも一度めいいっぱいにひろがって正常な表示をしたあとに縮みます…
    カスタマイズを全部元に戻してもなおらなかったのでデータベースになにか表示の方法に関する記述があるのでしょうか?

    ちなみに同じ幅のXperiaでは空白は表示されませんでした。

    カスタマイズを全部元に戻してもなおらなかったのでデータベースになにか表示の方法に関する記述があるのでしょうか?

    まず、疑うべきはそこではないかと思いますよ?
    普通にCSSやHTMLの記述を疑うべきです。

    body > #content_wrap > #main_col_wrap > #main_col > #content > #single_post > .post > .wp_social_bookmarking_light

    この位置の .wp_social_bookmarking_light ブロックを削除すれば隙間なくなります。

    トピック投稿者 spotnote

    (@spotnote)

    ありがとうございます!
    無事に隙間がなくなりました汗

    変更してないところが原因で隙間ができていたのですね、疑うべき記述についても勉強になりました。
    本当にありがとうございます!

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「iPhone6でのみ右端に数pxの空白」には新たに返信することはできません。