スマホ表示がTOPページのみずれるのは？

PR 2015/5/19

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

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

投稿者

投稿
- 2015年5月19日 5:36 PM #26791
  
  momoura
  ゲスト
  
  楽しく使わせて頂いています。
  
  あまり知識が無いので、質問させて頂きます。
  
  テーマは、ほぼデフォルトですが、スマホのトップページと言うか最初に表示されるページのみが全体的に小さく右側に余白が出ます。
  
  その他ページは正常に表示されます。
  何処をどのようにすればよろしいのでしょうか。
  
  初歩的な質問で大変恐縮ですがよろしくお願い致します。
  
  URL: http://wfb92.com/
- 2015年5月19日 6:15 PM #26793
  
  わいひら
  キーマスター
  
  タイトル部分に以下のようなタグが入っているのが原因かと思います。
  それにより、LINEのアイコン部分に不具合が出ているようです。
  <span class="dojodigital_toggle_title">| HOME</span>
  ググってみたら、タイトル関係のプラグインの動作っぽいのですけど、何か心当たりはありますか？
- 2015年5月19日 7:03 PM #26795
  
  momoura
  ゲスト
  
  わいひら様
  
  早々にありがとうございます。
  
  心当たりはありました。
  
  ｢Hide Title｣と言うプラグインを入れていました。
  こいつをOFFにしたら正常に表示されました。
  
  ありがとうございました。
  
  で、タイトルを非表示にするにはどうしたらよいのでしょうか？
  
  矢継ぎ早に申し訳ありません。
  
  よろしくお願い致します。
- 2015年5月19日 9:31 PM #26797
  hidekichi
  ゲスト
  記事のタイトル部分に
  
  
  
  とすればタイトルは消えるのですが、これだと通常の記事もタイトルが消えてしまいますので、固定ページでタイトルを付けたくない人向け(post-metaは表示されます)ですが、スマホの時だけとかだと、
```
@media screen and (max-width: 440px){
  .article h1{
    display: none;
  }
}
```
  とか、.article .entry-title{ … }とかです。display: none;でもいけますし、opacity: 0;でもよいですしまぁ色々できます。opacity: 0;の場合は透過しているだけなので、元のテキストの高さは保たれます。
- 2015年5月19日 10:07 PM #26800
  
  momoura
  ゲスト
  
  hidekichi様
  
  何とか出来ました。
  ありがとうございます。
  
  わいひら様もありがとうございました。
  
  無事解決です。
  
  またよろしくお願いします。
- 2015年5月19日 10:07 PM #26801
  わいひら
  キーマスター
  #26791にあるページのタイトルを消すなら、僕だったら以下のように書きます。
```
#post-9 h1.entry-title{
  display:none;
}
```
  デベロッパーツールなどで、いろいろ調べたり、できるのでいろいろと試してみてください。
  WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方
- 2015年5月19日 10:08 PM #26802
  
  わいひら
  キーマスター
  
  あらら、投稿が重なった。
投稿者

投稿