前提・実現したいこと
WordpressのAFFINGER5のテーマで、Buddypressとbbpressを使って掲示板を作っています。
Web版とスマホ版でスムーズに表示されるようにしたいです。
スマホ版での掲示板を表示させる際に、以下のエラーメッセージが発生しました。
発生している問題
Web版とスマホ版のログインしていない状態では掲示板は表示されるのに、スマホ版でログインをすると掲示板がNotFoundになります。
該当のソースコード
CSS
1@media only screen and (max-width: 480px){ 2 #bbpress-forums .bbp-body div.bbp-reply-author { 3 margin: -15px 10px 10px; /*打ち消したい*/ 4 min-height: 100px; 5 padding-left: 80px; /*打ち消したい*/ 6 position: relative; 7 text-align: center; 8 width: auto; /*追記*/ 9 display: block; /*追記*/ 10 float: left; /*追記*/ 11 margin: 0 20px 8px 5px; /*打ち消しのため追記*/ 12 padding-left: 0; /*打ち消しのため追記*/ 13 } 14 15 #bbpress-forums .bbp-body div.bbp-reply-author a { 16 width: 100%; 17 margin: 0; 18 } 19 20 #bbpress-forums div.bbp-reply-author img.avatar { 21 position: absolute; 22 top: 15px; 23 left: 0; 24 width: 60px; 25 height: auto; 26 display: block; /*追記*/ 27 top: 5px; /*打ち消しのため追記*/ 28 width: 100%; /*打ち消しのため追記*/ 29 margin: 0 0 5px 0 !important; /*打ち消しのため追記*/ 30 padding: 0 !important; /*打ち消しのため追記*/ 31 } 32 33 #bbpress-forums .bbp-body div.bbp-reply-author br { 34 display:none; /*特に要らないので消す!!*/ 35 } 36 37 /* アバターの画像に回りこませるために */ 38 #bbpress-forums .bbp-body div.bbp-reply-content { 39 clear: both; 40 margin: 10px; 41 padding: 0; 42 clear: none; /*追記*/ 43 } 44}
試したこと
上記CSSを追記しましたところ、スマホ版で、「ログインしていない状態では」表示されるようになりました。
しかし、ログインをすると表示されなくなります。
補足情報(FW/ツールのバージョンなど)
実際のサイトが以下のURLになります。
あなたの回答
tips
プレビュー