パソコンで表示するとサイドバーがメイン画面の下に表示される。
-
相談させてください。
パソコンで画面を表示した場合に特定のページのみサイドバーがメイン画面の下に表示されてしまいます。
どなたか解決方法を教えていただけないでしょうか。追加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/
- パソコン用
-
@oocz3456 さん
こんにちは!
サイトの方を見てみましたが、そもそもサイドバーの出力がおかしい気がします。。
カスタマイズされていますか?
-
カスタマイズというかカスタムHTMLでページを構成しています。
他のページは問題ないのですが、トップページのみサイドバーが正しく表示されていない状況です。トップページ
https://point-gets.net/
他のページ
https://point-gets.net/entry_2shop
-
問題が解決しました。
特定のページのみ問題が発生していたため、追加CSSではなくページ自体を確認したところ
不要な</div>が何か所かあり、それが原因だったようです。
デザインの変更を行った際に誤って</div>を消しわすれていたようです。