Blog
2019/07/16 00:29
BASEのショップロゴとは、ヘッダー部分に置く画像のことのようです。
★ショップで使っているテーマである「キャンドル」を元に「HTML編集」アプリを使う方法で説明しています★
ショップロゴのサイズは、960px×400pxで作るとちょうど良いようです。
もし画像の下の部分、ナビバーの間に広い間隔があるようなら、ロゴ画像表示の<h1>タグにスタイルを設定すると解決出来ます。
タグのある場所は、<nav>タグのすぐ上です。
<h1><a href="{IndexPageURL}" id="logo">{LogoTag}</a></h1>
もともとこの<h1>タグには上下50pxのマージンが設定されているのだけど、cssファイルの方は触れないので、タグに直接cssを追記します。
例:<h1 style="margin: 0"><a href="{IndexPageURL}" id="logo">{LogoTag}</a></h1>
【追記】
ただし、スマホで見ると文字が見えないくらいに小さくなってしまうのが難点。
スマホで見えるくらいに大きくすると、PCで見た時に大きくなりすぎて不恰好。
いい方法を模索中。