トップメニューのロゴ周りの背景を変更したい、メニュー画面枠内に画像を入れたい

こんばんは！

現状、色々と試されたご様子ですので、以下の情報を追加で頂けますでしょうか？

1. 追加CSSに追加されたコード
2. こちら公開されているURL

CSSでなんとかなるかもしれませんが、どのようにして現状作られているのか確認できないとアドバイスを差し上げることが難しそうです。

ご確認お願いいたします。

実際のサイトの構造を見ないと確実なことは言えませんが、

葉っぱのアクセントをCSSの記述で挿入できないかと試してみました

.l-header{ background-image:url(ファイルの場所);}

これで背景に画像を入れるということは可能でしょう。あとは、background-position などなど利用して希望する場所に配置する流れるになるかと思います。

上段のカラーが変更できないかCSSの記述で試してみました

.l-header{background-color:#ffffff;}

これに加え、top、padding、marginなどの記述で幅を調整したりしていますが、上手く調整できない状況です。

これだと、ヘッダー全体の背景色を変えることになると思います。

①添付画像の見本のようにロゴ周りの背景を白くしたいが変更できない

ロゴの周りをということであれば、c-site-branding 付近の良さそうにCSSクラスに背景色を指定して調整するなどの方が、ご希望されている見た目に近くなるかもしれません。（ヘッダー全体の背景色を変えたいのであれば l-header でも良いと思います）

ご確認くださいませー。