Jump to content

Trying to reduce padding between header and gallery.

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://www.miguelmadera.com

Hey, I need help trying to reduce the space between the header and my gallery.  I would appreciate anyone who could come up with a code to do that on not only my portfolio page but on the others as well.

 

/* Header height */
.header-announcement-bar-wrapper {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

 

The above code is what I have currently. It makes it better than before but its still not quite there. Thank you in advance.

Link to comment
  • Solution
2 hours ago, migmadera said:

Site URL: https://www.miguelmadera.com

Hey, I need help trying to reduce the space between the header and my gallery.  I would appreciate anyone who could come up with a code to do that on not only my portfolio page but on the others as well.

 

/* Header height */
.header-announcement-bar-wrapper {
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}

 

The above code is what I have currently. It makes it better than before but its still not quite there. Thank you in advance.

Try adding to Home > Design > Custom Css

section:first-child .gallery-strips  {
  padding-top: 2vw;
}

Change value until it meets your requirement

Hope it makes sense

Support me by pressing 👍 if this useful for you

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, Lightbox Studio plugin
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.