スマホ表示時、個別記事ページのみサイドバーを非表示にしたい

PR 2017/5/17

このトピックには4件の返信、2人の参加者があり、最後にmozisoにより9年、 5ヶ月前に更新されました。

4件の返信スレッドを表示中

投稿者

投稿
- 2017年5月7日 10:40 PM #52331
  
  moziso
  ゲスト
  
  完全レスポンシブ表示を有効をオフに設定
  モバイルメニュータイプでアコーディオンツリーを選択し、
  スマホ表示の場合はサイドバーがページ下部に表示される設定にしました。
  
  今回やりたいことは個別記事ページ（記事詳細ページ）ではサイドバーを丸ごと非表示に設定したいです。
  その他のTOP画面やカテゴリページなどではサイドバーは設定通り表示される設定で構いません。
  記事詳細ページのみサイドバーは非表示で記事だけ読ませる設定にしたいのですが何かsimplicity側の設定で出来るでしょうか？
  
  よろしくお願いします。
- 2017年5月8日 3:36 AM #52336
  みき
  ゲスト
  mobile.cssに下記コードを追加
```
.single #sidebar {
display:none;
}
```
  反映されない場合はキャッシュを削除してください。
- 2017年5月10日 1:35 AM #52369
  
  moziso
  ゲスト
  
  ありがとうございます。
  個別記事ページのサイドバー表示をなくすことに成功しました
  .singleが重要だったのですね
  
  こちらの方法だとサイドバーを全部非表示にしますが、サイドバーのウィジェットの一部だけ表示することは可能でしょうか？
  （例えばプロフィールだけ表示したい、その他は非表示）
  
  よろしくお願いします。
- 2017年5月10日 7:35 PM #52375
  わいひら
  キーマスター
  消したいウィジェットのクラス名を調べて以下のように全て連ねればできるかと思います。
```
.single #sidebar .ウィジェットのclass名,
.single #sidebar .ウィジェットのclass名,
.single #sidebar .ウィジェットのclass名,
.single #sidebar .ウィジェットのclass名,
.single #sidebar .ウィジェットのclass名 {
  display:none;
}
```
- 2017年5月17日 1:03 AM #52535
  
  moziso
  ゲスト
  
  ありがとうございます。
  こちらの方法で実現出来そうです！
  
  助かりました！
投稿者

投稿

4件の返信スレッドを表示中

トピック「スマホ表示時、個別記事ページのみサイドバーを非表示にしたい」には新しい返信をつけることはできません。