Suggested header logo size

  • Does the .TUBE theme have a suggested size for a logo inserted in the header and if so what is it? I’m using a logo that is 260×60 in size and on mobile it pushes the search icon to a second line, which covers the hero image on posts and titles/excerpts on pages. I inspected the element and the theme appears to use a 280×56 space for header logos. In CSS the height is 56px and the width is “auto”. The theme does not appear to be shrinking the header logo on mobile devices so I’m wondering if I should use a smaller size logo.

    Another option would be to remove the search box from the header, which I really don’t need. Anyone know how to do that?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter videosc

    (@videosc)

    I just figured out how to remove the search icon in the mobile header. Here’s the code in case anyone else needs it:

    .tube-site-navbar .searchbar-toggle { display:none; }

    This solves the problem I mentioned above. Still curious if there is a recommended size for header logos.

    A 56×56 square would be guaranteed to work and leave plenty of room for a navbar.

    From there, anything up to 16×9 aspect ratio (e.g. 200 x 112) should work fine.

    And here’s an example where I’m using some CSS to allow a slightly taller logo…

    https://www.easycoinbuy.com/

    @media (min-width: 768px){
  .custom-logo {
    height: 60px;
    margin: 8px 0 8px 0;
  }
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Suggested header logo size’ is closed to new replies.