Logo size for mobile devices

  • What is the ideal logo size?

    Currently I have uploaded 165×150 logo which displays nicely on all devices but I recently did an SEO and performance analysis on my site and it suggested the header/logo etc was too large “above the fold” for mobile devices. Testing this on iphone, the header area containing logo/tagline/menu etc takes up about 75% of the screen before scrolling.

    What is the best way to resolve this without reducing the impact of the logo while still making the site more user friendly on mobile?

    My site

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,
    Resize the logo to a smaller size and reupload.

    Thread Starter riley454

    (@riley454)

    Is there a recommended logo size? If I remember correctly in earlier versions of Customizr it was 150×150. Is this still the case or is there a more appropriate size for the curent version?

    Hi,
    The max size for logo is 250x100px

    Your logo have too much space on the initial screen. You should probably resize the logo on mobile devices using css Mediaqueries.

    @media only screen and (max-width: 529px){ 
  .site-title img{
    max-width: 80px;
  }
}

    Try resizing it based on your theme design and make sure your content get more space.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo size for mobile devices’ is closed to new replies.