スマホ閲覧時にピックアップコンテンツがずれてしまう



  • お世話になります。
    以下の症状が出てしまい困っております。

    上部ピックアップコンテンツのアイキャッチ画像がスマホ閲覧時(2列×2段)に表示がずれてしまうのですが、どのようにすれば改善できるでしょう?パソコンやタブレット閲覧時(4つ横並び)の時はきれいに表示されています。

    思い当たる節としましては、ピックアップコンテンツのカテゴリーを変更しました。

    改善方法をご教示いただきたいです。よろしくお願いします。


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン :
    OS : windows10
    ご利用のブラウザ : chrome
    該当サイトのURL : https://kayuitodo.com/



  • @kayuitodo さん

    こんにちは!

    念のため再度ご確認いただきたいのですが、
    プラグイン全停止後にキャッシュ削除を行なっても変化は無さそうでしょうか??

    恐れ入りますが、ご確認よろしくお願いいたします!



  • 僕も同じ症状で悩んでいます。
    ずれているというか、画像の幅がやや小さく表示されてしまい、ピップアップ欄の右側に白い空白ができてしまいます。
    プラグイン停止&キャッシュ削除でもダメ。
    アイキャッチ画像サイズは760×428統一。
    JINで運営中の他サイトは大丈夫なので謎です。



  • 私も同じ症状で困ってます。
    昨日の晩には問題なかったはずですが、いまスマホで見てみるとピックアップコンテンツの右側に空白ができています。
    同じく、プラグイン停止、キャッシュ削除も意味がありませんでした。

    該当サイトのURL : https://nftgame.blog/



  • 同じくです。
    前回の投稿時は、あれこれ試行錯誤している内に改善したのですが、今回は改善できずです。



  • @kayuitodo さん

    追加CSSに以下のコードを入力するとどうでしょうか??

    .pickup-contents-box .pickup-contents {
    	box-sizing: initial;
    }
    

    お手数おかけしますが、ご確認よろしくお願いいたします!



  • この投稿が削除されました!


  • この投稿が削除されました!


  • @tsu_
    教えていただいたコードを追加したら、無事直りました!
    ありがとうございます!!



  • @kayuitodo さん

    ご報告ありがとうございました!
    上手く行ったようで何よりです。

    よろしくお願いいたします。
    (ご確認いただければ、ご返信は無用ですので!)



  • 私も同じ状況になっています。またこの様な赤い表記も出てくる様になりました0_1653861645667_IMG_6050.jpg 0_1653861698981_スクリーンショット 2022-05-30 6.56.36.png
    サイトURL https://milkyblog.net



  • @milky0614 さん

    こんにちは!
    画像ありがとうございます。

    ピックアップコンテンツのズレに関しては、
    すでに ↑ の方でお伝えしている追加 CSS で対応できると思います!


    赤のエラーについては、一度、プラグインの全停止や、
    1つ1つ停止して変化があるかご確認いただいても良いでしょうか?
    (ブラウザやプラグインのキャッシュ削除も併せてお願いいたします)

    お手数おかけしますが、よろしくお願いいたします!



  • 目次のプラグイン【Rich Table of Contents (RTOC)】がWordPress6.0に干渉して真っ白画面になり管理画面ログインが出来なくなりました。有償サポートでサーバーの方から復旧して復旧させましたが目次のプラグイン【Rich Table of Contents (RTOC)】は無効化のままなのでブログから目次が消えました。JINと同じ制作者が出している目次用プラグインだと思いますが改善までどの程度でしょうか?早く有効化させたいです。よろしくお願いします。



  • @milky0614 さん

    ご連絡ありがとうございます。
    ご不便をおかけしてしまい申し訳ありません。。

    不具合が出たのは RTOC のバージョン 1.3.3(現在の最新)でしょうか??

    「レイアウト崩れ」や「大きな余白が出る」といったご報告はいただいているのですが、
    画面が真っ白になり管理画面ログイン不可のご報告は初めてですので、調査いたします。

    お手数おかけしますが、しばらくお待ちいただけますと幸いです。
    よろしくお願いいたします。



  • @tsu_ さんへ
    はい。RTOC のバージョン 1.3.3(現在の最新)です一つ前でも質問させて頂きましたが、レイアウト崩れで大きな余白がでたので教わった追加CSSコードを入力して対応しましたがその翌日に真っ白画面になりました。よろしくお願いします。


  • administrators

    @milky0614 さん

    こんにちは!
    RTOC開発チームのRyotaです。

    @tsu_ に変わりご対応させていただきますね!

    今「レイアウト崩れ」や「大きな余白が出る」のところの修正は完了したのですが、「真っ白になる」というところだけがこちらで確認できず。。
    (お手数お掛けして申し訳ないです。。)

    さらに調査するため、以下項目を教えていただけますと幸いです。

    ・お使いのサーバー
    ・そのサーバーのPHPのバージョン

    こちらでそのサーバーを利用して検証いたしますのでお手数お掛け致しますが、宜しくお願い致します。



  • @Ryota さんへ
    サーバーはロリポップでPHPバージョンは7.4(LiteSpeed版)と表示れています。



  • @Ryota さんへ
    もう改善されたでしょうか?RTOCバージョン 1.3.4に更新して有効化して大丈夫ですか?