Mediation Pro: Mobile site extra space above posts

[Mark Fisher]

Good morning…still squashing bugs

Site URL: https://capricornhealthcareconsultants.com

When in the mobile view, when viewing the Posts page, there is a large dark space between the header and the first post. I’m not what it is a part of…but see the image below.

We would like to reduce this to just a thing strip. TIA

[Forum Moderator]

Hi,

Kindly use this CSS:

@media screen and (max-width:1023px) {
body {
    background: #fff !important;
}
}

Regards,
Dave

[Mark Fisher]

So that solution was not even close. As expected, it only turned the background white.
Therefore these things happened:

1) The space at the top of the “News and Events” page was still there, it was just white.

2) Turning the background white made the menu toggle invisible on all mobile pages. That’s definitely most unacceptable!

We would like to reduce the space before the first post, not adjust the color. Thank you in advance for trying again.

[Forum Moderator]

Hi,

Kindly use this CSS to reduce top space.

@media screen and (max-width:479px) {
body.blog .lay4 { margin-top:0 !important;}
}

Regards,
Dave

[Mark Fisher]

Nailed it! Thank you.

[Forum Moderator]

🙂

[Author]

Posts