The page-header auto generates margin top

このトピックには4件の返信、2人の参加者があり、最後にsyouei-brandingにより5年、 9ヶ月前に更新されました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)

投稿者

投稿
2019年2月7日 11:34 AM #14795
syouei-branding
参加者
Hello,

Lightning pro 0.8.0
WP: 5.0.3

I hide the page-header div, and responsive the siteContent div again to make it fit without the page header.
```
.page-header {
    display:none;
}
@media (min-width: 300px) {
    .siteContent{
	    padding-top: 49px;
    }
}
@media (min-width: 992px) {
    .siteContent{
	    padding-top: 129px;
    }
}
```
But I realized that the page-header auto generates the margin-top (mobile viewport) when 49px, when 88px. Why it doesn’t create the fixed margin-top?
How can I do in this case?

Thanks in advance.
- このトピックはsyouei-brandingが5年、 9ヶ月前に変更しました。
2019年2月9日 6:48 AM #14846
石川＠Vektor,Inc.
キーマスター
制作実績
Hi.

Is this what you are trying to do?
```
.page-header {
    display:none;
}
@media (min-width: 300px) {
    .breadSection{
	    padding-top: 49px;
    }
}
@media (min-width: 992px) {
    .breadSection{
	    padding-top: 129px;
    }
}
```
2019年2月12日 12:17 PM #14893
syouei-branding
参加者
Hi @kurudrive,
I hided both of the page-header and breadSection and the problem here is the padding of the siteContent caused by the margin of page-header, so I tried to fix it by this:
```
@media (min-width: 300px) {
    .siteContent{
	    padding-top: 49px;
    }
}
@media (min-width: 992px) {
    .siteContent{
	    padding-top: 129px;
    }
}
```
But I realized that the page-header auto generates the margin-top (in mobile viewport) when 49px, when 88px. It’s not fixed by 49px, so
```
@media (min-width: 300px) {
    .siteContent{
	    padding-top: 49px;
    }
}
```
it’s sometimes not right.
2019年2月13日 1:14 AM #14901
石川＠Vektor,Inc.
キーマスター
制作実績
OK, How about this?
```
#wpadminbar {
	position: fixed;
}
.breadSection,
.page-header {
    display:none;
}
@media (min-width: 300px) {
    .siteContent{
	    padding-top: 49px;
    }
}
@media (min-width: 992px) {
    .siteContent{
	    padding-top: 129px;
    }
}
```
2019年2月13日 5:18 PM #14918

syouei-branding
参加者

Oh, it works! this issue is fixed.

Thanks for your support!
投稿者

投稿