0

white space on mobile

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.

Improve this question
1
  • Please provide enough code so others can better understand or reproduce the problem.
    – Community Bot
    Commented Dec 13, 2021 at 12:45

1 Answer 1

Reset to default
0

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.

Improve this answer
2
  • Worked perfectly thank you.
    – user11210356
    Commented Dec 9, 2021 at 1:03
  • You're welcome. Please select my answer as true answer. Thanks.
    – Amirreza Noori
    Commented Dec 9, 2021 at 9:29