Logo on mobile too small after updating to latest GP Premium

Hi there,

can you try clearing any caches on the site ?

Hi David,
I have cleared the cache.

Oh, I thought we had provided some CSS to resize it before. Maybe I was mistaken.

Try adding this CSS:

#mobile-header .site-logo.mobile-header-logo img {
    height: 60px;
}

My uploaded logo is 200x87 px will this be a problem? I have added the additional CSS and cleared the cache again, it is still very small.

Will the header with logo/search/menu cause CLS? Or it will have a reserved space upfront to prevent it from shifting?

Getting really bad CLS results since the update of GP Premium!

The mobile menu logo gets it height from the mobile menus item heigh ( as set in Customizer > Layout > Primary Navigation ), which is the most sensible place to adjust its height as it also defines the height of the mobile header. Which should lead to no CLS>

Likewise we don't write updates that incur CLS, if you can point out a specific issue then i can take a look at the cause.

Thanks!

1. I have found Customizer-Layout-Primary Navigation and changed the height of mobile menu to 60 px. This made the logo appear bigger.
2. I have removed the code you sent me in the previous message:

#mobile-header .site-logo.mobile-header-logo img {
    height: 60px;
}

as I suppose it does the same thing, am I right?
3. So no CLS could be caused by Generatepress mobile menu/header / search, logo, right?

as I suppose it does the same thing, am I right?

Yup - the CSS code is only needed if you want to set the logo height separated from the menu item height :)

So no CLS could be caused by Generatepress mobile menu/header / search, logo, right?

No there shouldn't be - we aren't aware of any CLS issues in GP.