Site logo too wide for mobile devices – what's the maximum logo width allowed?

Homepage › Community Forums › Epik Theme Support › Site logo too wide for mobile devices – what's the maximum logo width allowed?

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 7, 2015 at 4:14 am #16649
    jonathonfowler
    Customer

      Hi there,

      I added a new logo using the ‘customize’ function of the theme – customize – header image.

      It advises “While you can crop images to your liking after clicking Add new image, your theme recommends a header size of 360 × 164 pixels.”

      So I added an image exactly 360 x 164 pixels.

      When viewed on my mobile device, or when you shrink the width to minimum using a desktop, the logo is cut off on the right hand side.

      What is the maximum correct size for the Epik theme which avoids this cropping issue?

      Thanks.

      November 8, 2015 at 7:12 pm #16655
      Wes
      Moderator

        Do you have a link so I can check it out? It could just be a CSS issue. If so, then we should be able to get that fixed quickly.

        Also, you can change the size of the logo if you want, it’s not limited to 360 X 164, that’s just the default. So if you prefer a larger or smaller size, you can do so by editing the logo dimensions in your functions.php file.

        November 8, 2015 at 7:18 pm #16656
        jonathonfowler
        Customer

          Hi Wes, sure the link is:

          Jonathon Fowler Photography

          I reduced the logo size and re-uploaded, which is fine, but i thought it would automatically shrink to fit?

          November 8, 2015 at 11:21 pm #16658
          Andykev
          Customer

            Jonathon,

            Add this to your .css and it fixes your problem. I tried it and success!

            .header-image .site-title a {
background-size: contain !important;
}
          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • You must be logged in to reply to this topic.