Jump to content

How to reduce header size?

Recommended Posts

52 minutes ago, IsaacRiches said:

Site URL: https://magenta-deer-7f8y.squarespace.com/films/behindcloseddoors

image.thumb.png.5611886649dea506c2c7ea5b9d43f0e8.png

 

 

Hey! I'd like to reduce the height of the header, or the bottom margin I think? I'll attach an image below.

There's currently much more spacing than i'd like, and as a result a lot of unused space.

Any ideas?

Site pass: 1234

 

Hi , You can Simply Fix it by adding the following code in HOME>DESIGN>CUSTOM CSS

.page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.section-height--custom)>.content-wrapper {
    padding-top: 0px !important; 
}

Hope it helps and fix the issue 🙂

Link to comment
  • 10 months later...
15 hours ago, Lecreesma said:

Question:  how can I reduce the height of my bottom header?

https://www.wisdom2be.com

Where is bottom header?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
On 3/29/2021 at 5:05 PM, ElizabethM said:

Hi everyone, 

I would like to reduce the size of the header 

Could you please help me fix this ? It doesn't work with the previous option. 

 

Thank you so much for your help 🙂 

website https://racontemoi.squarespace.com/

password : MRCbst2020

168305144_Capturedcran2021-03-2912_02_32.thumb.png.55b2cd39793efb2a1d744c0633db843a.png

Hi. Header height or?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/6/2021 at 2:33 PM, ElizabethM said:

Hi !

yes header height 😉 

Hi. Add to Design > Custom CSS

/* Header height */
.header-announcement-bar-wrapper {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/12/2021 at 11:24 PM, ElizabethM said:

@tuanphan

This would be so nice if you could help us to fix this. 

 

Hi. You want to fix all or which issue?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 4/15/2021 at 5:05 PM, ElizabethM said:

I think the 1 & 2 are ok now ! 

 

But still struggling with theses ones 

 

3. (Mobile-Overlay Menu) Search icon off centered.

racontemoi.squarespace.com-mobile-overla

4. (Mobile-Notre Histoire) Change order of image – text?

racontemoi.squarespace.com-mobile-noter-

3. Can you add search icon? Now i don't see icon here..

4. Add to Design > Custom CSS

/* Notre historie mobile */
@media screen and (max-width:767px) {
div#page-section-603e5f062b6dc2745dc1447b>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 9 months later...
On 2/4/2022 at 9:25 PM, Tami21 said:

Hello @tuanphan

I'm having an issue with reducing the header height despite using the above code. If you could please assist. Image for reference below. Thank you!

image.thumb.png.eaade2982b024a0968027f38af0a10a6.png

Hi. What is site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 2/9/2022 at 11:26 AM, Tami21 said:

Link: https://bassoon-tomato-7pzf.squarespace.com

Password: hello21
 
Thank you!

Password incorrect. Can you check?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 2/15/2022 at 2:51 PM, Tami21 said:

Please try the following, thank you!

Link: https://bassoon-tomato-7pzf.squarespace.com

Password: hello22

No need code. Just reduce space on top/bottom inside logo image

image.thumb.png.46187d4c22565bb2955bf19a21f87ab1.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 5 months later...
3 hours ago, FurlaStudio said:

Looking more specifically to reduce the padding around the logo is this possible?

Logo padding.JPG

What is site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 7/23/2022 at 9:38 PM, FurlaStudio said:

dealing with domain transfer issues but here is the temp site:

https://capybera-perch-lxzy.squarespace.com/

The url doesn't exist.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.