NICKOLASMORRIS Posted February 3, 2021 Share Posted February 3, 2021 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! Link to comment
creedon Posted February 3, 2021 Share Posted February 3, 2021 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. NICKOLASMORRIS 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
creedon Posted February 4, 2021 Share Posted February 4, 2021 What does your header top padding look like? 50px is the default. Let us know what you find. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
NICKOLASMORRIS Posted February 5, 2021 Author Share Posted February 5, 2021 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". Link to comment
NICKOLASMORRIS Posted February 5, 2021 Author Share Posted February 5, 2021 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. Link to comment
Solution creedon Posted February 6, 2021 Solution Share Posted February 6, 2021 (edited) 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 February 6, 2021 by creedon NICKOLASMORRIS 1 Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
NICKOLASMORRIS Posted February 7, 2021 Author Share Posted February 7, 2021 Thank you @creedon this appears to have worked beautifully. creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment