Jump to content

Remove white space at bottom of mobile site

Recommended Posts

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;
    }
}

image.thumb.png.946bbbaa9bdc089c51700d5d5801fb2d.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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;
    }
}

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.