Jump to content

Getting rid of padding on mobile

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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?

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

 

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

My testing

image.png.8970a40d3f5e5e56e859219007f899ba.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
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

Link to comment
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!🤩

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.