サポート » テーマ » テーマAttitudeのスマホ閲覧時のナビゲーションメニューについて

  • 解決済 francesss

    (@francesss)


    Attitudeのナビゲーションメニューはレスポンシブとなっていますが、画面サイズが小さい時のメニューは「ここがメニューである」と分かり辛いため、変更を加えたいと考えています。

    具体的には、
    メニュー部分の色の変更、又は枠の追加
    メニューアイコンを▽(逆三角)から三本線へ変更
    ページ名とメニューアイコンを近づける
    などをしたいですが、どこの記述をいじればいいのかが分かりません。(画面サイズが大きい場合の記述箇所は分かるのですが……)

    関連する記述はどの辺りにあり、それをどう変更すればよいか、ご教授のほどをお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • CG

    (@du-bist-der-lenz)

    色いろあるようで整理を必要とすると思われます。公式ディレクトリにあるthemehorseの「attitude」テーマでしょうか、ブレークポイントは767pxになるとナヴィゲーションメニューはハンバーガーメニューになりますが、「三本線へ変更」というのではないのですね。

    こんにちは

    Version: 4.0だと
    モバイルスタイルは、
    style.css in attitude/4.0 – WordPress Themes
    ナビゲーションスタイルは、
    style.css in attitude/4.0 – WordPress Themes

    あたりにあるようです。

    関連する記述はどの辺りにあり、それをどう変更すればよいか、ご教授のほどをお願いします。

    メニューアイコンを▽(逆三角)から三本線へ変更

    現在三本線で表示されていませんか?

    最新版にアップデートしてから、ブラウザを767px以下の幅にして、上記の部分スタイルを調整してみてください。

    トピック投稿者 francesss

    (@francesss)

    @du-bist-der-lenz , @nobita 
     
    アップデートを忘れていたようで、アップデート後はハンバーガーメニューになりました。

    また、nobitaさんのおかげで、メニューの調整がスムーズにできました。

    お二人とも、ご返信ありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「テーマAttitudeのスマホ閲覧時のナビゲーションメニューについて」には新たに返信することはできません。