Jump to content

Custom code to lose the large blank space on mobile view

Recommended Posts

  • Replies 1
  • Views 941
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Posted
4 hours ago, Pamc30 said:

Hey Guys,

Can anyone help me know a way to close the huge space between 'Dont just take our word for it...' and the reviews on mobile view of this page: https://www.placesandspaces.uk/why-choose-places-spaces It looks great on desktop but terrible on mobile and I don't know how to fix it : (

Screenshot 2024-06-24 at 10.28.25.png

This code causes this blank space. You can try replacing it with the following one to apply all item but not the first element

@media screen and (max-width: 575px) {
  .user-items-list-banner-slideshow .list-item:nth-child(n+2) .slide-content {
    margin: 88px 0px;
  }
}

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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.