RetailPro
解決済み

ショップページ上部のショップロゴ画像部分についてついて

DMS

いつもお世話になっております。
ショップページ上部左のショップロゴを表示している部分についてお尋ねします。
画像表示部分のサイズを変更《大きくすること》は可能でしょうか。
可能でしたら、恐れ入りますがその方法をご教示ください。
よろしくお願いいたします。

回答が 2件あります

baseadmin

ロゴ画像は、表示するディスプレイのサイズに応じてレスポンシブで最大サイズを指定しています。
スマホやタブレットなど、どの画面サイズでの調整でしょうか?

  1. DMS

    スマホで表示する際のサイズをもう少し大きくしたいと考えています。

baseadmin

ありがとうございます。
こちらのリンク先にあるCSSが現状の指定状態です。一旦全てを「独自スタイルシート」の欄に追加する形でペーストして保存してください。
https://basedesign.info/_support/retailpro_logoimagesize.css
その上で、以下の要領で調整してみてください。
 
2つ目の塊のmax-width: 480pxとあるセクションがスマホで、書いてある通りに幅と高さに「最大値」を指定しています。
ひとまず130を大きな数字にしていただければ大きくなっていくのが確認できるかと思います。
ロゴ画像の比率によりますが、一定以上大きくなったところで高さの上限に達すると思います。更に大きくしたい場合は高さも50から大きくしてください。
 
767pxというセクションはタブレットサイズの調整ですので、もし必要であればこちらも同じように調整できます。タブレットでの変更が不要であればこちらのセクションは削除しても構いません。
 
(おそらくスマホでは、すでに大きく調整された「はじめにお読みください」の文字に重なるためにロゴはあまり大きくできないかと思います。 1つの案ですが、「はじめにお読みください」は「お知らせバナー」に表示させるなどをすれば、よりロゴサイズに自由度が出るかもしれません。)
それでは、よろしくお願いいたします。

  1. DMS

    承知しました。
    ありがとうございました。
    画像を大きくすることが出来ました。
    今後ともよろしくお願いいたします。

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ