[Support request] Logo on mobile too small after updating to latest GP Premium

[Ivaylo]

Hi, I have updated to the latest GP Premium, but on mobile my logo image is now shown on the left and too small. Is this the default new menu/search/logo template for GP?

[David]

Hi there,

can you try clearing any caches on the site ?

[Ivaylo]

Hi David,
I have cleared the cache.

[David]

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;
}

[Ivaylo]

My uploaded logo is 200×87 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!

[David]

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.

[Ivaylo]

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?

[Leo]

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.

[Author]

Posts