Jump to content

Remove white space at bottom of mobile site

Recommended Posts

  • Replies 4
  • Views 2.2k
  • Created
  • Last Reply
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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, 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;
    }
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.