Mobile - Inline Logo & Toggle menu when hooked header

Hi there,

the simplest fix is to use the Mobile Header:

https://docs.generatepress.com/article/mobile-header/

and select a smaller logo for the mobile header.

Thanks David,

I have tried that, but then the same logo & toggle colour is then used on all pages, where as it's important for me to have & light & dark themed header for different pages.

Is there a workaround please, to just simply resize the header logo on mobile view, I have tried a few ccs options with no use so far?

Thanks
Simon

By default, the logo should be inline with the logo with the layout you are using.

The issue here is that the logo is too wide so there isn't enough room.

Can you try reducing the menu item height with mobile toggle activated and see if that works?
https://docs.generatepress.com/article/menu-item-height-width/#height

If not then give this CSS a shot to resize the logo on mobile:

@media (max-width: 768px) {
    .navigation-branding img {
        height: 65px;
        width: auto;
    }
}

Thanks Leo

I applied the CSS and that did the trick.

Thanks for all your help - you guys rock and that's why I always use GP for my sites, and always will :-)

Cheers
Simon

No problem :)