モバイル（スマホ）におけるヘッダー・フッダー・サイドバーの表示について

PR 2017/11/10

このトピックには2件の返信、1人の参加者があり、最後にタナカにより8年、 10ヶ月前に更新されました。

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

投稿者

投稿
- 2017年11月8日 11:38 PM #56803
  
  タナカ
  ゲスト
  
  初歩的な質問にて恐縮ですが、ＰＣではヘッダー・フッダー・サイドバーはきちんと表示されるものの、モバイル（スマホ）においてヘッダー・フッダー・サイドバーが表示されず困っています。
  
  上記はデフォルトでそのような仕様になっているのかと思いますが、
  Simplicity2 childにて、完全レスポンシブをオフにし、headerであればmobile.css上で
  header{
  display:block;
  }
  または
  #header{
  display:block;
  }
  と入力しますが、モバイル上では反映されません。（ヘッダーの高さは100px・完全レスポンシブを有効にし、responsive.cssにて上記を入力しても反映されません。sidebar・footerでも同様に試しています。）
  
  子テーマcssにて入力したものは親テーマcssに優越するという理解ですが、モバイル（スマホ）においてヘッダー・フッダー・サイドバーが表示される為には具体的に何を行う必要があるのでしょうか。
  （親テーマphp、cssを編集し、display:none;などを修正する必要があるのでしょうか）
- 2017年11月9日 7:47 AM #56805
  かうたっく
  ゲスト
  デフォルトでそのような仕様になっているのかと思います
  
  デフォルトではその様な仕様になってませんよ。プラグインか何かでしょうか。以下を確認してくださいね。
  
  Simplicity動作不良時のガイドライン
  
  子テーマcssにて入力したものは親テーマcssに優越するという理解です
  
  子テーマに書いたcssが優先されますが、CSSの優先順位によっては優先順位が低く反映されません。
  
  例
```
/*親テーマの指定*/
.article-inner h2 {
	font-size: 22px;
}
/*子テーマにかいたもの*/
.article-inner h2 {
	font-size: 25px; /*25pxで反映*/
}
/*子テーマで書いても反映しないもの*/
h2 {
	font-size: 26px; /*優先順位が低いので26pxは反映しない*/
}
```
  初心者のCSSが反映されない原因の1つ！優先順位の詳細度とは
  
  それでも反映しないときは、リンクを置いてもらえますか。初めからリンクを貼るのがイチバン早いと思いますよ❦
  
  ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
- 2017年11月9日 10:11 PM #56807
  
  タナカ
  ゲスト
  
  かうたっく様
  ご指摘ありがとうございました。プラグインが原因でございました。
  初心者にも分かりやすく解説いただきましてありがとうございました。
投稿者

投稿