Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to Reduce Banner on Mojave Template to remove white space


NICKOLASMORRIS

Question

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!

Example.jpg

Link to comment

6 answers to this question

Recommended Posts

  • 0

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.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
On 2/4/2021 at 1:02 PM, creedon said:

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

1987672256_ScreenShot2021-02-03at4_00_33PM.png.bd77761f0424288cef6894be77149d42.png

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.

Example2.jpg

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