[Support request] How to Centre Site Title?

Hi Shaun,

Can you try setting the header alignment to center in the customizer?
https://docs.generatepress.com/article/header-layout/#header-alignment

Let me know 🙂

Hi Shaun,

Try adding this in Appearance > Customize > Additional CSS:

.site-branding {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    white-space:nowrap;
}

.site-header .inside-header {
    position: relative;
}

You’ll need to reduce the font size of the Site Title on smaller screens so that it fits.

If you want it to wrap however on Mobile as it does currently, use this code instead:

@media (min-width: 769px) {
    .site-branding {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        white-space: nowrap;
    }

    .site-header .inside-header {
        position: relative;
    }
}