[Resolved] how to move site title up or down in header

[Ray]

Hello

I am using GP2 premium, and can’t find the code
to move the site title down in the header. It is too
close to the top.

I used this for the site description, and it responds to the
different values I enter:

}
.site-description {
margin-top: 15px;
}

But I tried this for the title, and no response when I
put different values in:

}
.site-title {
margin-top: 20px;
}

I see some stuff online using “position, absolute”, but
I know nothing about how to choose the right CSS.

TWO QUESTIONS:

How to move the site title up/down with CSS, and

Will it still render proportionately correct in mobile?

Thanks

Ray

[Leo]

Hi there,

Shouldn’t need CSS.

Try adding some header padding: https://docs.generatepress.com/article/header-padding/

Let me know if this works.

[Ray]

Thank you Leo.

But when I use padding, my header Logo is no longer in the correct position,
as it moves with the site title.

Is it NOT appropriate to use CSS, or just best to try padding first?

And is it now best to use CSS to move logo to proper placement?

Sorry, I am totally new to CSS.

[Leo]

Nah I just thought you wanted to move them together.

This should move the site title down:

.main-title {
    padding-top: 20px;
}

[Ray]

Thanks Leo. That’s the flex I was looking for.

Am looking at some CSS tips online, but really
appreciate the help!

[Leo]

Developer tool from your browser will be your best friend if you want to learn CSS 🙂

[Author]

Posts