Remove Whitespace

Hey ballindigital,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.flex_column.av-lq5kontt-b93720ee146922b54d90445ebb9a5d41 {
    bottom: 0px;
}
}

Best regards,
Rikard

Hi,
The page that you linked to becomes a 404 error, so I was not able to examine.
I found a similar situation on your homepage so I will explain from it, on mobile you have the column position set to overlap the top image on your page with this setting:

so there is a space where the height of the column adds to the element that it is in, in this case the color section.
So you could add a negative bottom margin to the column to pull up the next element on mobile:

I did this for you please check.
But please note that you are using parallax animation so the column moves upword as you scroll down so at some point the column will be out of view and the background will show, this is expected with this animation.

Best regards,
Mike