Site logo

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

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

Home Forums Support Logo on mobile too small after updating to latest GP Premium

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2591677
    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?

    #2591941
    David
    Staff
    Customer Support

    Hi there,

    can you try clearing any caches on the site ?

    #2592031
    Ivaylo

    Hi David,
    I have cleared the cache.

    #2592375
    David
    Staff
    Customer Support

    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;
    }
    #2592646
    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!

    #2593037
    David
    Staff
    Customer Support

    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.

    #2593453
    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?

    #2593472
    Leo
    Staff
    Customer Support

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.