[ 解決済 ] スマホのメニューにロゴを表示させたい

VWSとは フォーラム Lightning [ 解決済 ] スマホのメニューにロゴを表示させたい

[ 解決済 ] スマホのメニューにロゴを表示させたい

  • このトピックには2件の返信、2人の参加者があり、最後にAEにより2年、 12ヶ月前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #59089

    AE
    閲覧者
    制作実績

    ■ WordPress のバージョン
    WordPress 5.8.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    バージョン: 14.13.2

    ■ Pro Unit のバージョン
    バージョン 0.14.0

    ■ スキンの種類
    Origin III

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    指定した箇所にロゴ(画像)が表示される

    ■ 自分で試した事
    ファイルが下記のものだと想定し、触っていましたがうまくいきませんでした。
    lightning\_g3\inc\vk-mobile-nav\package\class-vk-mobile-nav.php

    また、アクションフックの場所を表示させるためにLightning機能設定>開発ツール>アクションフックの場所をさせようとしましたが、chromeのスマホ検証画面だと上側にカスタマイズという帯があったため、ハンバーガーメニューが見えず、先に進めませんでした。

    ■ 症状が発生するブラウザ
     

    ■ 実際の症状
    仕様通り

    ■ その他特記事項
    カスタマイズ相談のため、どなたかお知恵を拝借させていただければ幸いです。
    添付画像の赤色の部分にロゴを表示させたく思っています。
    どうぞよろしくお願いいたします。

    Attachments:
    You must be logged in to view attached files.
    #59100

    以下の CSS だけでいけるのではないかと思います。

    .vk-mobile-nav.vk-mobile-nav-open {
    margin-top: 60px;
    }

    #59104

    AE
    閲覧者
    制作実績

    対馬さん、ありがとうございます!

    ご教示いただいたcssに下記も追加してイメージ通りに仕上げることができました!
    .vk-mobile-nav {
    padding: 0 10px 60px 10px;
    }
    .vk-mobile-nav nav>ul {
    border-top: none;
    }

    ありがとうございました!

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。