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

[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.

[対馬 俊彦]

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

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

[AE]

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

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

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

[投稿者]

投稿