【解決済】Beldadでのスマホ表示ロゴサイズ変更

[tech]

——————————————-
WordPress のバージョン：（6.3.1）
Welcart のバージョン：（2.8.21）
PHP のバージョン：（8.0）
Welcart専用の拡張プラグインとバージョン：（例　DL Seller 3.4.1、SKU Select 1.4.2）
ご利用の親テーマとバージョン :（welcart Basic 1.7.7）
ご利用の子テーマとバージョン :（例　Welcart Beldad 1.4.5）
症状を確認したブラウザ：
サーバー【重要】：（エックスサーバーレンタル）
——————————————–

スマートフォン表示の際、左右画面いっぱいにロゴが表示されてしまいます。
200pxほどの画像を入れればよいのですが、画質が悪い＆PCでは小さすぎるため、マニュアルを参考に600pxほどのを入れてPCはCSSで250pxに縮小表示してます。

ただ、スマートフォン表示の際のCSS入力がわからず、左右幅いっぱいにロゴが表示されてしまってます。
どなたかスマホ表示時のロゴの横幅を200pxに調整する方法を教えていただけませんでしょうか。

[ikeda]

tech 様
こんにちは。
下記のように「h1.site-title, div.site-title」に対し、幅を指定することで調整可能かと思います。
Beldad 側の style.css の修正、または追加CSS を利用して修正をおこなってください。

h1.site-title,
div.site-title {
	width: 200px;
}

[tech]

ありがとうございます。ご指摘のやり方で、無事解決いたしました。
感謝いたします。

[投稿者]

投稿