How to Decrese the Space between the Title and the Primary Menu?

I also want to know how to reduce the margin space above the title. Thanks.

Hello @chcw

As we took a look, we noticed there’s some default padding applied to the Logo section.

We do not have any option in the Astra Free theme or with Astra Pro the default spacing. But we do have the spacing option to manage the space around Site Identity and Primary Header.

While for your case you can use the following Custom CSS –

.header-main-layout-2 .main-header-container .site-branding {
    padding-bottom: 0.5em;
}

And for the Spacing above the title, it is vertically aligned center to the section.

I hope that helps.

Regards,
Suman

Hi, Suman,

Thank you very much. I try to set the CSS and adjust padding to 0.5em and then 0em. This reduces the space a little but not much. THere are still a lot of spaces between the title and the menu.

Hello @chcw

There’s even default padding to other elements like Site Branding, and the Menu below.

For the padding of site branding, the following CSS can be used –

.ast-site-identity {
    padding-bottom: 0em;
}

I hope that helps.

Regards,
Suman

@brainstormteam

Thank you very much. This reduce the margin space a bit more.

You’re most welcome, @chcw!

Do let us know if there’s anything else we can help you with.

Regards,
Suman

@brainstormteam

Sure. Thank you very much.