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

Home Forums Support how to move site title up or down in header

This topic contains 5 replies, has 2 voices, and was last updated by  Leo 11 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #494856



    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.


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

    Will it still render proportionately correct in mobile?



    GeneratePress 2.0.2
    GP Premium 1.5.6

    Leo Customer Support

    Hi there,

    Shouldn’t need CSS.

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

    Let me know if this works.



    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 Customer Support

    Nah I just thought you wanted to move them together.

    This should move the site title down:

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


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

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


    Leo Customer Support

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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.