Jump to content

Change of margin / padding from logo to top

Recommended Posts

Greetings from Copenhagen
Are there some of you knowledgeable people who know how to get margin / padding to be less from the logo and menu to the top of the page,
without changing the actual margi/padding on the sides. Unfortunately, the template does not allow this, which is why I hope a CSS code will help.
Thanks in advance
Regards 
Sidse

To much space.JPG

Link to comment

This. I'm trying to do the same thing, reduce the amount of whitespace between various elements on my site. I'm new to Squarespace, but have some web dev experience. The `content-wrapper` element has a style attribute which calls a `calc` function. AFAIK custom CSS will not have an effect because the attribute takes precedence. How do we adjust such things?

Link to comment
On 1/7/2020 at 9:54 PM, tjstankus said:

This. I'm trying to do the same thing, reduce the amount of whitespace between various elements on my site. I'm new to Squarespace, but have some web dev experience. The `content-wrapper` element has a style attribute which calls a `calc` function. AFAIK custom CSS will not have an effect because the attribute takes precedence. How do we adjust such things?

Have you tried CSS yet? If yes, have you tried !important yet?

On 1/7/2020 at 6:05 PM, Sidse said:

Greetings from Copenhagen
Are there some of you knowledgeable people who know how to get margin / padding to be less from the logo and menu to the top of the page,
without changing the actual margi/padding on the sides. Unfortunately, the template does not allow this, which is why I hope a CSS code will help.
Thanks in advance
Regards 
Sidse

Can you share link to your site? Difficult to give exactly CSS code without 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 1/17/2020 at 4:43 PM, michael1962 said:

Greetings from Frankfurt.

Same question here - how can I reduce the white space between logo and first headline. Especially on mobile.

See my website here: www.fotograf.business

Many thanks and best wishes,

Michael

add to Home > Design > custom CSS

@media screen and (max-width:640px) {
#headerWrapper header {
    padding-bottom: 10px;
}
}

 

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 year later...
On 4/9/2021 at 12:57 AM, SouthernSunEvents said:

Looking for answers on this too. I feel like there's a lot of top/bottom space around my logo on mobile and tablet views. Any ideas?

www.southernsunevents.com

PW: sse2020

Screen Shot 2021-04-08 at 1.55.59 PM.png

You mean banner top padding or header top/bottom padding?

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.