ワードプレス ロゴ横に画像をリンク付きで配置したい

Question

ワードプレスでHPを作成しております。
初心者なためCSSなどあまり詳しく無いのですが、ご質問させてください。

画像のようなスマホ表示の際にロゴ(赤で塗りつぶしてある部分)の横(赤丸部分)に小さい画像を3つほどリンク付きで配置したいのですが、どの様にすればいいでしょうか？

あわせてPC表示の際は、配置した画像を表示しないようにもしたいのですが、どの様にすれば良いでしょうか？

ご回答よろしくお願い致します。

Comments

[CHERRY]

お使いのテーマに依存すると思われますが、お使いのテーマは何でしょうか？

[ebifly]

ご回答ありがとうございます。
GENSENという有料テーマを使用しております。
ご連絡が遅くなり大変申し訳ございません。

Answer 1

GENSEN は、使っていないのですが、回答がつかないようなので、探し方を...

Webブラウザの開発者ツール(デベロッパーツール)で、該当する場所の要素を探します。

GENSEN のデモページで、該当する場所の要素を見ると

のようになり、該当する場所の要素は h1.logo か 外側の div#logo_image が該当する場所とわかります。

あとは、WordPress のテンプレートファイルから該当する要素class="logo"やid="logo_image"を探して、対象となる部分を編集(追加)します。

テーマの構造的には、おそらく header.php か logo.php あたりにあるのではないかと思いますが、手元にないので、探してみてください。

Comments

[ebifly]

丁寧なご回答ありがとうございます。
やはりCSSをある程度理解できていないと難しいのでしょうか？

[CHERRY]

HTML と CSS が、ある程度わからないと　試行錯誤することになるため、手間や時間がかかるので、大変だと思います。