Site title padding is possible?

Now, site title font size is 30 ( I increased it )

When I make it Small ( size 20 )

then, it goes to the top...

at that size, I wish to add some space from top...

is that possible?

Played around

Primary navigation + layout header

adjusted header font size

Still, need some more space from top.

when adding primary menu height, then there a gap coming above the menu hover...

so, the best idea is, padding the site title only...

is it possible?

Hi there,

It might be better to use our Navigation as Header option: https://docs.generatepress.com/article/navigation-as-a-header/

Then you should be able to do this:

.navigation-branding {
    padding: 20px;
}

Let me know :)

when I check on navigation as header option

in mobile the logo text ( site title ) disappeared...

so, I unchecked it...

Just looking to padding site title..

is that possible?

if not, I will adjust something with menu size or header tab size :)

Hi there,

add this CSS to vertically align the Title with the menu items:

@media (min-width: 769px) {
    .inside-header {
        display: flex;
        align-items: center;;
    }
    .site-branding {
        margin-right: auto;
    }
}

Then you can add top / bottom padding to the Site Header.

I could not see any changes after adding this CSS

Where did you add the CSS? I can't see it on the site - can you add it back in so we can take a look.

Additional CSS.

No changes to the Site title, so I removed it.

Can you add it in and leave it so we can see why it isn’t working?

Make sure to clear any caching plugins or server cache you might be using.

now it works...