[Support request] Site title padding is possible?

[Sibi Paul]

Hello,

I’m working on a new site with GP.

the site required a very tiny header bar…

check this,

Site title is little top than menu items…

I wish to make it on a line…

need to add some space at the top of the title..

is it possible?

or,

simply make the top bar little big, by increase primary menu pading…?

[Sibi Paul]

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?

[Sibi Paul]

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?

[Tom]

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 🙂

[Sibi Paul]

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 🙂

[David]

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.

[Sibi Paul]

I could not see any changes after adding this CSS

[David]

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.

[Sibi Paul]

Additional CSS.

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

[Leo]

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.

[Sibi Paul]

now it works…

[Author]

Posts