スマホ画面の下に「ホーム」ボタンが表示されない

PR 2017/2/5

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

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

投稿者

投稿
- 2017年2月1日 5:41 PM #49896
  
  たわば
  ゲスト
  
  スマホ画面の下に「ホーム」ボタンが表示されない
  
  以前、こちらで質問した者です。
  https://wp-simplicity.com/suport/topic/%e3%82%b9%e3%83%9e%e3%83%9b%e3%81%a7%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%82%8b%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%9e%e3%82%a4%e3%82%ba%e3%81%ab%e3%81%a4%e3%81%84/
  
  皆さんのお力添えで、スマホ画面の下に
  
  「ホーム、メニュー、ページトップ、サイドバー」
  
  の５つのボタンを表示させる事が出来ました。
  
  ところが今日、simplicity2.2.9 → simplicity2.4.6にアップデートした所
  ホームボタンが２つ表示される様になってしまいました。
  
  バージョンアップでホームボタンが
  標準で表示される様になったと思い
  「Simplicity2 child: mobile.css」から
  
  #footer-button-home .menu-caption-home::before{
  content:”home”;
  }
  
  の部分をコメントアウトした所、今度はホームボタンが１つも表示されなくなっていまいました。
  
  慌てて、コメントアウトした部分を元に戻したのですが
  何故か、ホームボタンが表示されないままになっています。
  
  CSSで指定するだけで表示できるようになったのかと思い
  こんな感じでCSSで指定したのですがダメでした
  
  .menu-caption-home::before{
  content: ‘ホーム’;
  }
  
  解決方法が分からなくなってしまい、困っています。
- 2017年2月1日 10:14 PM #49904
  
  わいひら
  キーマスター
  
  デベロッパーツールで状態を確認したいので、よろしければ、サイトのURLを掲載していただければと思います。
- 2017年2月2日 9:19 AM #49911
  
  たわば
  ゲスト
  
  わいひら様、返信有難うごさいます。
  
  >サイトのURLを掲載していただければと思います。
  
  大変恐縮ですが
  
  1.投稿したサイトのURLを後で削除
  2.もしくは、わいひら様にのみお伝えする
  
  の何れかは可能でしようか?
  例えば、メールアドレスの部分にURLを入力するといった方法です。
  
  反社会的なサイトでは無いので
  サイトのURLを、ここに書くのは物に問題無いです。
  
  ただ、稚拙なサイトなので
  不物定多数の方に
  あまり長時間サイトのURLを
  晒したくありません(;^ω^)
- 2017年2月2日 10:26 PM #49925
  
  わいひら
  キーマスター
  
  問題が解決したら削除、もしくはいろいろやって解決できなかった場合も削除しますよ。
- 2017年2月2日 11:34 PM #49929
  
  たわば
  ゲスト
  
  お世話になっております。
  
  —–ここから——————
  
  サイトはこちらです。
  http://fxhikakublog.com/yoshinoya-yutai
  
  —–ここまで削除願います–
  
  今の所
  
  「メニュー、検索、ページトップ、サイドバー」
  
  の４つのボタンが表示されていますが
  
  「ホーム、メニュー、検索、ページトップ、サイドバー」
  
  の５つのボタンを表示させたいです。
  宜しくお願いしますm(__)m
- 2017年2月4日 12:54 PM #49958
  わいひら
  キーマスター
  おそらく原因は、メニューボタンのテンプレートファイルにホームボタンのHTMLコードが書かれているのが原因かと思います。
  1個目（おそらくこれが追加された部分）のHPへメールを削除するか、2個目（これはSimplicityで書いてある部分）をカスタマイズで削除すれば表情されなくなると思います。
  
  もしくは、CSSで手っ取り早く一番目だけを表示させるには、以下のように書けば良いかと思います。
```
a#footer-button-home:nth-child(3) {
    display: none;
}
```
- 2017年2月4日 12:57 PM #49959
  わいひら
  キーマスター
  あ、CSSはこのように書く必要があるかも。
```
a#footer-button-home:first-child {
    display: block;
}
```
- 2017年2月5日 4:16 PM #50015
  たわば
  ゲスト
  とり急ぎ、以下を
  「Simplicity2 child: mobile.css」に記述した所
  Blisk上でホームボタンが
  きちんと１つ表示される事を確認致しました。
```
a#footer-button-home:first-child {
    display: block;
}
```
  スマホ（アンドロイド）では表示されていませんが
  これは多分、キャッシュが残っているのが原因だと思います。
  
  わいひら様
  有難うございましたm(__)m
- 2017年2月5日 8:54 PM #50031
  
  わいひら
  キーマスター
  
  うまくいったようでよかったです。
  ご報告ありがとうございます。
投稿者

投稿