モバイルのメニュー関連の質問です



  • ①モバイルで右上に表示されるメニューのアイコンの位置を変更することは可能でしょうか?
    ②ヘッダー画像を設定している影響なのか,スマホ用のスライドメニューが表示されません。
     ヘッダー画像を削除してロゴ画像を設定するしかないのでしょうか?
     それ以外の方法があればご教示いただけますと幸いです。

    以上2点について,よろしくお願いいたします。

    0_1619696682641_Screenshot_2021-04-29-20-41-28-412_com.android.chrome.jpg


    マニュアル確認済み
    キャッシュクリア済み
    プラグイン全停止済み
    WordPressのバージョン : 5.7.1
    ご利用のサーバー名 : ConoHa WING
    PHPのバージョン : 7.4
    OS : Windows10
    ご利用のブラウザ : Google chrome
    該当サイトのURL : https://teru01b.com


  • administrators

    @テル さん

    こんにちはー!!

    ①モバイルで右上に表示されるメニューのアイコンの位置を変更することは可能でしょうか?

    JINの標準機能では難しいですね。。
    @テル さんが追加しているロゴの部分は本来ヘッダーのように使う想定はしていないので独自にカスタマイズしていただく必要があるかと思います。

    ②ヘッダー画像を設定している影響なのか,スマホ用のスライドメニューが表示されません。

    これはちょっと不思議なことが起こっていますね。。
    管理画面の「外観」→「メニュー」から作成しているかと思うのですが、そのスクショを共有いただけますか?

    また、管理画面より「外観」→「カスタマイズ」→「ヘッダー設定」までとんていただき「ヘッダー全体の表示選択」が非表示になっていないかも確認してみてほしいです!



  • @Ryota 0_1619772457542_2021-04-30_17h36_04.png 0_1619772463416_2021-04-30_17h39_08.png 0_1619772467626_2021-04-30_17h39_36.png 0_1619772474398_スクショ④.jpg

    りょうたさんはじめまして!
    ご回答いただきありがとうございました!

    早速,スクショを張ってみました!
    「ヘッダー全体の表示選択」が非表示になっていたので,表示にしましたが,
    ヘッダー画像の上部に余白が出たのみで、
    モバイル用のスライドメニューは表示されませんでした・・・

    ヘッダー画像を削除すれば,
    モバイル用のスライドメニューが表示されたところまで確認したのですが,
    せっかく作ったヘッダー画像は活用したいです・・・



  • @Ryota 0_1619772876310_Screenshot_2021-04-30-17-53-15-424_com.android.chrome.jpg

    すいません!
    スマホのスライドメニューへのチェックが抜けてたので,
    チェックを入れたら画像の通り表示されました!

    でも,ヘッダーの上に表示されていることと,
    お問い合わせだけ下線が無いのが気になります・・・

    こちらは修正可能なのでしょうか?

    重ね重ね申し訳ございませんが,
    ご教示いただけますと幸いです。


  • administrators

    @テル さん

    スマホのスライドメニューへのチェックが抜けてたので,
    チェックを入れたら画像の通り表示されました!

    よかったです。
    お問い合わせの下線はこちらを追加CSSに追加することで対応できるかと思います。

    @media (max-width: 767px){
    .cps-sp-menu-bar ul li a {
        border-bottom: 1px solid #ccc;
    }
    }
    
    

    ヘッダーの上に表示されていること
    これは今は対応できていますか?
    0_1619841419712_iOS の画像 (1).png



  • りょうたさんありがとうございます!

    お問い合わせの下線,おかげさまで表示されました!
    ありがとうございます!^^

    スライドメニューは,ヘッダー画像の下に配置したいのですが,
    画像の通りヘッダー画像の上に配置されているままです^^;

    これはしょうがないのでしょうか??


 

});