Huge space

Hey Advantage09,

Thank you for the inquiry.

After reviewing the page, we can see that there are three Separator/White Space elements placed below the Grid Row element. These are causing the large gap on mobile.

You have two options to fix this:

1. Remove the three Separator/White Space elements entirely if they are not needed.
2. Keep them but set their visibility to desktop only. You can do this by editing each Separator element, going to Advanced > Responsive, and adjusting the Element Visibility setting so they only show on desktop.

Please make sure to purge the cache before testing. Let us know the result.

Best regards,
Ismael

Hi,
On desktop I see that you have three grid rows with a HR in between each of them. On mobile you have the three grid rows and HRs hidden, but since the HRs are after the grid rows they create a after_grid_row container which is not hidden.
Try this css to hide the containers on mobile.

@media only screen and (max-width: 479px) {
   .page-id-31 #after_grid_row_1,.page-id-31 #after_grid_row_2,.page-id-31 #after_grid_row_3 {
        display: none !important;
    }
} 

Best regards,
Mike