Remove white space at bottom of mobile site

Site URL: https://www.josefsalvat.com

Struggling to get rid of the white space on mobile without cropping the site on desktop. 

Have tried a few custom css solutions but obviously not coding right for my template. can anyone help? thanks! 

34 minutes ago, Sebo6200 said:

Site URL: https://www.josefsalvat.com

Struggling to get rid of the white space on mobile without cropping the site on desktop. 

Have tried a few custom css solutions but obviously not coding right for my template. can anyone help? thanks! 

pls try this

@media only screen and (max-width: 600px) {
    section[data-section-id="5fc10f485147b14804593574"].page-section {
      height: 100vh !important;
    }
}

Thank you @bangank36! that worked perfectly. 

Do you know why there is a drop down menu icon showing on mobile also when there is no drop down menu within the site? 

6 minutes ago, Sebo6200 said:

Thank you @bangank36! that worked perfectly. 

Do you know why there is a drop down menu icon showing on mobile also when there is no drop down menu within the site? 

it's default behavior of mobile menu, do you want to hide it?

@media only screen and (max-width: 768px) {
  #collection-5fc10a7c64571256546072fe .header-display-mobile {
    display: none;
  }  
  section[data-section-id="5fc10f485147b14804593574"].page-section {
      height: 100vh !important;
    }
}

Thank you @bangank36 appreciate your help here