質問: いつもテラテイルにお世話になっています。 現在Business Centerというワードプレスのテーマとwoocommerceプラグインを使ってECサイトを製作中です。 そろそろ完成まじかというところで、 ふとデザインがきになるところがでてきたのですが 修正方法がわからず、頭をかかえています、。 サイト ![スマホのスクショ](https://teratail.storage.googleapis.com/uploads/contributed_images/73b79640b5b234f86e2df46eb6fe8492.jpeg) PCから見るとあまり目立たないのですが、 スマホからみると、黒の帯の部分からタイトル(SHISHA SUIEN)の上の部分まで 余白のスペースが広くあいてしまっており、どうしようと考えております。 もしこのスペースを詰めるCSSがわかる方がいらっしゃれば、何卒 お力をいただければ幸いです。
回答: ``` .slider-banner-disabled #content { padding-top: 8em; } ``` このコードが効いているようです。 そこを0にするとPCで見た時に、「カートに商品がありません」の文字とサイトタイトルがかぶるので、 2emくらいにしてはどうでしょう。(お好みで)