The page-header auto generates margin top

[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ヶ月前に変更しました。

[石川＠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;
    }
}

[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.

[石川＠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;
    }
}

[syouei-branding]

Oh, it works! this issue is fixed.

Thanks for your support!

[投稿者]

投稿