There’s less space on mobile.
- If on desktop it contains a slogan underneath, remove it on mobile.
- Make sure that any text in the logo is easily readable (big enough).
- If your logo contains an icon that is clear and recognizable by itself, you can remove the logo text entirely.
Thoughts from a member of my Ecom Convert group:
Some sites are now doing away with mobile and just using text of the domain name. Personally, I think this is bad practice for branding on mobile. And, I disagree with removing the tagline on mobile. It may save space for the purpose of less scrolling, but everyone is used to scrolling on mobile and doing this really diminishes branding.
My view on this is that as long as the value proposition / differentiation is clearly expressed high up on the homepage, it doesn’t need to be in the header on mobile in the form of a tagline. Having multiple rows of header always visible on mobile is quite annoying. So one way to mitigate that is to opt for a semi-sticky header (see best practice #14)
Simple enough for desktop and mobile
For most brands I looked at, their logo is already simple enough to work on both desktop and mobile without change necessary (except only making it smaller on mobile). And I think that’s the ideal situation to be in. Simplify your logo until it works for both mobile and desktop and is just as clear on either device.