ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• August 13, 2014 at 8:22 pm #100851
  Anonymous

  Inactive

  I uploaded a logo with 600×126, so I can use with retina too!

  But, when I specify the maximum height (70px) the image is squeezed:

  

  And still squeezed in a smaller resolution:

  

  Too Big at a even smaller:

  

  And Too Small at mobile:

  

  Basically the CSS calculation is not working very well for Images. So, How do I fix that? 🙁

  August 14, 2014 at 8:52 am #100984
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please try upload a separate, half-size image for the normal logo. Set the max height to be the exact height of your normal logo

  – Kyle

  August 14, 2014 at 8:53 am #100985
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Also please provide a link to make it easier for me to resolve

  – Kyle

  August 14, 2014 at 12:59 pm #101078
  Anonymous

  Inactive

  In fact is something with the CSS calculation! I solved half of the problem with this:

  Full Width Squeezed FIX

  .full-center #logo {
      max-width: 100%;
  }
  
  #logo.has-img a > img {
      padding: 1px;
  }

  Low Resolution “Too Big” FIX

  #mobile-logo.has-img {
      max-width: 28%;
  }

  But I can’t solve the “Too Small” issues. I believe the logo (image) CSS needs a review. Maybe something with the “Media Type” rule, ’cause no matter the size, those problems still there with the current CSS.

  August 14, 2014 at 1:04 pm #101084
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  The screenshot that shows the logo on small screens does not look too small to me? The height needs to fit the heigt of the header

  – Kyle

  August 14, 2014 at 1:13 pm #101087
  Anonymous

  Inactive

  When I fix the “Too Big” issue, the “Too Small” becomes even smaller:

  

  The header should change the height, just a little bit, so the logo can fit better. Maybe a option to upload a logo specific for Mobile could help.

  Oh… and when I change for Bright Design to Bold Design, the logo changes a lil’ bit too.

  August 14, 2014 at 1:14 pm #101088
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Please could you provide me with a login, it will be quicker for me to sort out for you

  – Kyle

  August 14, 2014 at 1:19 pm #101094
  Anonymous

  Inactive

  This reply has been marked as private.
  August 14, 2014 at 1:21 pm #101098
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  That’s not working for me

  – Kyle

  August 14, 2014 at 1:31 pm #101105
  Anonymous

  Inactive

  This reply has been marked as private.
  August 14, 2014 at 1:44 pm #101116
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  You’re site is being really slow, it’s hard for me to work on. I’d highly recommend upgrading your host

  I’ve added some custom css to make the max width 75%, this should increase the logo size on mobile

  – Kyle

  August 14, 2014 at 1:50 pm #101119
  Anonymous

  Inactive

  I see here, but doesn’t solves the “Squeezed” and the “Too Big”.

  Would be better work with “Media Type” Rules, so each resolution uses a different size. The current way uses the same for cellphones and some tablets resolutions, that’s the problem. 🙁

  And about the speed… I was changing the Options Panel at same time that you, LOL, my bad.

  August 14, 2014 at 2:04 pm #101125
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I see you’re using the same image for normal logo and retina logo, please do what I said and upload a half-sized logo for the normal logo

  – Kyle

  August 14, 2014 at 2:27 pm #101142
  Anonymous

  Inactive

  I upload a new one, smaller, but the “Squeezed” issue only solves with:

  .full-center #logo {
      max-width: 100%;
  }

  And the “Mobile Headers” needs some adjusts of padding, ’cause the current crops the logo borders a little bit and the bottom has no space, so becomes ugly.

  But I’ll try to solve all of this here… thanks.

  August 14, 2014 at 2:45 pm #101148
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I’m not seeing any of these issues, looks perfect to me on all screen sizes (see screenshots)

  – Kyle

  Attachments:

  You must be logged in to view attached files.
• Back to forum

  Posted in: Cardinal