Gallery block top padding too big.

Hi, 

I'm still in the building stages of my site and I've been trying a few codes from this forum to try fix this issue, but none seem to work. 

I'll be using this images block across my site, but it leaves a big unneeded padding gap at the top of each gallery.

Is there any way to reduce the padding??

Any help would be great. 

Happy to help you look into this. Can you share you website URL and site wide password? 

Thanks Ziggy, 

Sorry,  I thought i had. You should be able to view here https://maroon-sponge-lp55.squarespace.com/

I'm still using my domain for my old site. 

Jack 

Try adding this to your Custom CSS:

.gallery-masonry[data-width="full"] {
    padding: 3vw;
}

Let me know if that works.

Yes! Thats worked for the Masonry gallery. 

I plan on using a few others too. Here I'm using the 'simple' gallery. Can we remove the padding on this too?

Thank you 

Jack 

I also need help expanding the width of the 'header' and 'pages' container. 

I don't want it to go onto two lines when the webpage gets smaller... see bellow. 

Do you know the best way to expand the padding on this. 

Thankyou very much, any help would be great. 

Jack 

Try this for grid gallery:

.gallery-grid[data-width="full"] {
    padding: 3vw;
}

Header, try this:

.header-title-nav-wrapper {
    flex: 1 0 80%;
}
.header-layout-nav-center .header-title {
    width: 15%;
    flex: 1 1 15%;
}
.header-layout-nav-center .header-nav {
    width: 65%;
    flex: 1 1 65%;
}
.header-layout-nav-center .header-actions {
    width: 15%;
}

It's readjusting the size of each of the three containers in the header - logo - nav - button/actions.

Let me know if that works, and a thumbs up if it's been helpful is always appreciated, thanks!

Thanks very much for this Ziggy. 

The header code worked very well i just tweaked it a little and very happy with it. 

The grid gallery code, just pushes it to full bleed, and on second review, it does this with the masonry gallery too. Is there a way we can keep the same width (site width), but just remove the top padding. So moving the whole section up??

Thanks again for your help, 

Jack 

Of course, change padding:3vw; to padding-top:3vw;

Arrrh, you champion. Thank you so much for you help. Thats all sorted now. 

I'm right at the start of build this site, so I may need more help. Do you mind if i come back to this thread to ask you questions if i have them? 

Jack 

You can do that or start a new thread, often better if the title no longer matches the request, and you should be able to get help.