会員サイトをリニューアルしました! 新サイトはこちら

ヘッダーの追従に伴う上部の余白について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

ヘッダーの追従に伴う上部の余白について
 
通知
すべてクリア

[解決済] ヘッダーの追従に伴う上部の余白について

4 投稿
2 ユーザー
2 Likes
1,626 表示
Tiger
(@tiger)
Active Member
Topic starter
 

カスタマイザーより「ヘッダーの追従」を設定すると、
headerの上部に余白ができてしまい、CSSを確認すると「element .style:margin-top:32」が付与されておりました。※PCのみでSPではこのような余白はできておりません。
追加CSSでmargin-top:0(!important)を設定してみましたが、「element .style:margin-top:32」が優先されてしまい修正できません。この上部の余白はカスタマイザーの設定で消すことはできるのでしょうか。ご教示いただきたくお願いいたします。

 
投稿済 : 08/04/2021 9:29 pm
しらこ
(@96ssbike)
Prominent Member
 

同じくヘッダーの追従を使用しております。

その32px分はおそらくアドミンバー(管理バー)分であると思いますが、管理画面からログアウトしていただければその要素は消えるかと思いますが、そうでもないでしょうか?

参考までに、ログアウトした状態でのデベロッパーツールのスクショを添付します。

にゃーん .

 
投稿済 : 08/04/2021 11:06 pm
さとしん reacted
Tiger
(@tiger)
Active Member
Topic starter
 

しらこさん、ご回答いただきありがとうございます。

ご回答いただいたようにログアウトすることで、上部の空白はなくなりました。
お忙しいところ、ありがとうございました。

 
投稿済 : 10/04/2021 5:50 am
しらこ reacted
しらこ
(@96ssbike)
Prominent Member
 

@tiger もし会員制サイトとかで、どうしても管理バー(アドミンバー)を消したという場合などであれば、別途ご自身でこの分のスペースをCSSで調整してください。

にゃーん .

 
投稿済 : 10/04/2021 6:19 am
共有: