Jump to content

Getting rid of padding on mobile

Recommended Posts

  • Replies 6
  • Views 328
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Posted
3 minutes ago, Lucia14 said:

Site URL: http://www.luciagrana.com

Hello!
Could anyone help me to get rid of this space between projects?

I am not very good with CSS but trying...

 

Thank you!

Screenshot 2022-03-06 at 14.07.52.png

Can you share the direct link to this page and also share the site-wide password?

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

Posted
1 hour ago, Lucia14 said:

Thank you! Here is it: https://www.luciagrana.com/ui-ux

Password is: 1
(Not very safe, but it's just to not make it public yet while working on it 😄 )

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #collection-61d81d5138a7bb2dfe01559a  .index-item.has-item-image {
    height: 30vh;
  }
}

Let me know how it works on your site

 

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

Posted
41 minutes ago, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #collection-61d81d5138a7bb2dfe01559a  .index-item.has-item-image {
    height: 30vh;
  }
}

Let me know how it works on your site

 

WOW, genius!! That worked, thank you so much!
I hope this doesn't sound like asking too much, but is there a way to apply it to other pages similar to this one? Because I have the same issue but that code did not apply to those pages
https://www.luciagrana.com/graphic-design
https://www.luciagrana.com/animation

Posted
5 minutes ago, Lucia14 said:

WOW, genius!! That worked, thank you so much!
I hope this doesn't sound like asking too much, but is there a way to apply it to other pages similar to this one? Because I have the same issue but that code did not apply to those pages
https://www.luciagrana.com/graphic-design
https://www.luciagrana.com/animation

I have figured it out for the other pages, thank you again for being so helpful!🤩

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.