モバイルメニューの表示

PR 2017/11/30

このトピックには6件の返信、1人の参加者があり、最後にかうたっくにより8年、 9ヶ月前に更新されました。

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

投稿者

投稿
- 2017年11月29日 11:57 PM #57294
  インパラ
  ゲスト
  こんばんは、お世話になっております。
  
  ちょっと原因がわからなかったので、質問させていただきます。
  
  モバイルメニュータイプの「スライドインライト（ボタン下）」を利用しているのですが、実際に表示を確認すると、どうもおかしな感じだったので質問しました。
  
  見にくかったらすみません。
  
  デベロッパーで確認すると
```
@media screen and (max-width: 500px)
mobile.css:14
#navi ul.sub-menu a:before {
    left: 10px;
}
```
  これが関係しているのか？初心者なのでさっぱりわかりません‥
  
  また、CSSでへんな設定をしているかもと思い１度全部削除して確認、プラグインも全停止して確認しましたが解決しませんでした。
  
  親テーマのバージョンは2.6.2です。
  
  誰か同じ現象な方はいませんか？
- 2017年11月30日 7:05 AM #57297
  
  かうたっく
  ゲスト
  
  div#navi ul.sub-menu, div#navi ul.children　このあたりのaタグの前に-が入ってるようですが。実際のソースを確認しないと詳しくは分かりません。
  
  解決しない場合、該当ページのリンクがあると、解決が早いかもしれません。
  
  ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
- 2017年11月30日 6:52 PM #57303
  
  インパラ
  ゲスト
  
  すいません、ありがとうございます。
  
  あまり人に見せれるようなサイトではありませんが、これです。
  
  よろしくお願い致します。
- 2017年11月30日 7:42 PM #57305
  かうたっく
  ゲスト
  403が出るので結果のみ書きますね。
  
  次のコードを子テーマCSSに書くと消えるので試してください。
```
#navi ul.sub-menu a::before {
	content: none;
}
```
- 2017年11月30日 7:46 PM #57306
  かうたっく
  ゲスト
  スキンに以下のコードが入っているので、そのような表示になるようです。
  
  simplicity2/skins/transparent/style.cssに以下の指定
```
@media screen and (max-width: 1110px){
#navi ul.sub-menu a:before {
    content: "-";
    position: absolute;
    left: 25px;
}
}
```
  simplicity2/skins/transparent/mobile.cssにも以下の指定
```
#navi ul.sub-menu a:before {
    content: "-";
    position: absolute;
    left: 25px;
}
```
- 2017年11月30日 8:33 PM #57310
  
  インパラ
  ゲスト
  
  なるほど！
  
  かうたっくさん、ありがとうございます。
  
  そういえばスキンを利用していました。
  
  原因の箇所まで教えていただき助かりました。スッキリしました！
  
  ※なぜ403が出るのか、調べています‥
  （リンクを踏んで403が表示されているんですかね？）
- 2017年11月30日 10:19 PM #57313
  
  かうたっく
  ゲスト
  
  ※なぜ403が出るのか、調べています‥
  （リンクを踏んで403が表示されているんですかね？）
  
  申し訳ないです…、Simplicityでの話で、ソースの問題か何かだと思います。
  
  スッキリ解決されたようで、良かったです❦
投稿者

投稿