パソコンで表示するとサイドバーがメイン画面の下に表示される。



  • 相談させてください。

    パソコンで画面を表示した場合に特定のページのみサイドバーがメイン画面の下に表示されてしまいます。
    どなたか解決方法を教えていただけないでしょうか。

    追加CSSへは以下のように記載しています。

    /***************************************

    • パソコン用
      **************************************/
      @media screen and (min-width: 1800px) {
      #contents {
       width: 1400px !important;
      }
      #contents::after {
      margin-top : 20 !important;
      clear: both;
      content: "";
      display: block;
      }
      #main-contents {
      margin-top : 0 !important;
      margin-bottom : 0 !important;
      margin-left : 0 !important;
      margin-right : 0 !important;
      }
      #sidebar {
       width: 400px !important;
       margin-left:10px !important;
      }

    .cps-post-box.hentry {
    margin-top: 20px !important;
    border: solid 1px #C0C0C0 !important;

    }
    /* 記事タイトルの文字サイズ、行間を調整 */
    .cps-post .cps-post-header .cps-post-title {
    line-height: 3.0rem !important; /行間/
    font-size:1.6rem !important;
    }
    }


    キャッシュクリア済み
    WordPressのバージョン :
    ご利用のサーバー名 :
    PHPのバージョン : 7
    OS : Windows10
    ご利用のブラウザ : Edge,Chrome
    該当サイトのURL : https://point-gets.net/


  • administrators

    @oocz3456 さん

    こんにちは!
    サイトの方を見てみましたが、そもそもサイドバーの出力がおかしい気がします。。
    カスタマイズされていますか?



  • カスタマイズというかカスタムHTMLでページを構成しています。
    他のページは問題ないのですが、トップページのみサイドバーが正しく表示されていない状況です。

    トップページ
    https://point-gets.net/
    他のページ
    https://point-gets.net/entry_2shop



  • 問題が解決しました。
    特定のページのみ問題が発生していたため、追加CSSではなくページ自体を確認したところ
    不要な</div>が何か所かあり、それが原因だったようです。
    デザインの変更を行った際に誤って</div>を消しわすれていたようです。