Top of the page has annoying whitespace that I am trying to figure out how to remove on mobile. I have tried different methods I have researched with nothing working. The container is class:content-intro-wrapper scoped Wondering the best method for reducing this space. Here is a link to the staging site for the page https://staging-digemaya.kinsta.cloud/the-life-changing-power-of-sophrology/
Thank you for your continued help as I navigate every changing issues.
CodePudding user response：
In your main CSS file you have code like this:
@media (min-width: 400px)
{
.content-intro-wrapper {
min-height: 700px;
}
}
use min-height: auto to remove space.