How to Reduce Banner on Mojave Template to remove white space

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.

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.

Thank you @creedon this appears to have worked beautifully.