Archived topic

Site logo alignment off-center and resulting in empty space

3 replies · Started by Shane on October 29, 2018

Viewing posts 1–4 of 4

October 29, 2018 at 7:09 am #713009

Hello,

My website has had the same issue with the site logo several times. It's supposed to be centered but it repeatedly pushes back to the left in desktop view and leaves a big empty gap between the 'contact us' line and the site logo in mobile view. I've had assistance on this forum a few times resolving this issue but it continues to return as Wordpress & plugins get updated I suppose. I have the GP child theme in use and make all recommended changes in this file but still the issue returns.. Any idea how best to correct this issue and keep it from returning?

(GP Premium 1.2.71)

Thanks!

October 29, 2018 at 9:53 am #713276

Hi there,

Can you disable Autopimize so I can see the source of the code?

Thanks!

October 29, 2018 at 10:40 am #713329

Done. Deactivated.

October 29, 2018 at 11:31 am #713382

Ok so first remove this CSS (not sure who gave you this?!)

.site-branding .site-description {
    font-size: 18px;
    position: absolute;
}

You can set the font size in Customizer > Typography > Header (looks like you already did)
https://docs.generatepress.com/article/typography-overview/

Then try this CSS:

@media (min-width: 769px) {
    .inside-header {
        display: flex;
    }
    .inside-header .site-branding {
        order: 1;
        margin-left: 0;
    }
    .inside-header .site-logo {
        order: 2;
        margin: auto;
    }
    .inside-header .header-widget {
        float: none;
        order: 3;
        margin-left: auto;
    }
}

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.