How to Reduce Banner on Mojave Template to remove white space

Site URL: https://morrislabel.squarespace.com/about-us

Site URL: https://morrislabel.squarespace.com/about-us

Tried and true question - I know.

I am trying to reduce the white space between the navigation bar at the top of the site and the slideshow gallery directly below (refer to example image attached). However , the gallery appears to be positioned on a banner and (I'm guessing) the banner needs to be reduced to move the gallery content up into correct position.

I have seen code like below - a fix for the Bedford template banner 'padding':

".transparent-header.view-list .banner-thumbnail-wrapper,
.transparent-header.collection-type-page .banner-thumbnail-wrapper{
   padding: 180px 0 155px;
}"

however when applied to the Mojave site, through the code injection on the Advanced tab of the Banner Editing option of the page, it doesn't appear to change anything.

Is this a case of not applying the code correctly (to the correct lines)? (Are there supposed to be 4 lines of code, for example?) Will this code work for Mojave? Or will the code only work when the website is published publicly?

Any solutions to this head scratcher are welcomed!

Please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

What does your header top padding look like? 50px is the default.

Let us know what you find.

On 2/4/2021 at 12:57 PM, creedon said:

Please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

@creedon Please feel free to access with "watermark84".

On 2/4/2021 at 1:02 PM, creedon said:

What does your header top padding look like? 50px is the default.

Let us know what you find.

I tampered with the Padding, reducing to 20px in the hope it would have a marked effect. (It didn't.) While it moves the banner closer to the navigation bar, the slideshow still appears to be mounted onto the fixed height, which is where the white space is occurring - the gap between the top of the banner and the top of the slideshow.

I should also point out - for clarity - that ideally the banner height would only be affected on the homepage (about-us), however if this is not straightforward, then I can just work around by cropping images with photo editing software.

Add the following to Design > Custom CSS.

/* reduce space at top of about us page */

#collection-5f8630135253a74bf871f821 .Index-page:first-child .Index-page-content {

  padding-top : 50px;
  
  }

This is for a v7.0 site using the Brine template family and specific to the OP's needs.

Let us know how it goes.

Thank you @creedon this appears to have worked beautifully.