ワードプレスのデザインに関して

Question

いつもテラテイルにお世話になっています。
現在Business Centerというワードプレスのテーマとwoocommerceプラグインを使ってECサイトを製作中です。

そろそろ完成まじかというところで、
ふとデザインがきになるところがでてきたのですが
修正方法がわからず、頭をかかえています、。

サイト

PCから見るとあまり目立たないのですが、
スマホからみると、黒の帯の部分からタイトル（SHISHA SUIEN）の上の部分まで
余白のスペースが広くあいてしまっており、どうしようと考えております。

もしこのスペースを詰めるCSSがわかる方がいらっしゃれば、何卒
お力をいただければ幸いです。

Answer 1

.slider-banner-disabled #content {
    padding-top: 8em;
}

このコードが効いているようです。

そこを0にするとPCで見た時に、「カートに商品がありません」の文字とサイトタイトルがかぶるので、
2emくらいにしてはどうでしょう。（お好みで）

Comments

[peter-]

8-0_nyan5様
いつも回答をありがとうございます。
ご指摘を頂いた通りに、emを調整して好みの幅になりました！
本当にありがとうございます！

Answer 2

この値が大きいためでは。メディアクエリとかで横幅にあわせて調整してみてはいかがでしょう。

.slider-banner-disabled #content {
    padding-top: 8em;
}

Comments

[peter-]

kei344様
ご回答を頂きありがとうございます。
的確にコメントをいただいたのですが、もうひと方が追加情報を書いてくださったので、その方をベストアンサーにさせて頂きます汗

とても助かりました！ありがとうございます！