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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 5 months later...

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.