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
• September 18, 2015 at 6:51 am #214376
  deejayhart

  Member

  Post count: 239

  Hi there – why is my logo squashed on an iPad? How can I fix, ideally without CSS but want both options. Ta.

  September 18, 2015 at 8:49 am #214401
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  In Theme Options > Mobile Header Options, change it to iPad portrait so that the mobile header activates earlier

  – Kyle

  September 18, 2015 at 10:15 am #214414
  deejayhart

  Member

  Post count: 239

  I don’t want the mobile menu on iPad! There is sufficient space for the full nav. So can you please explain how to keep the size without it being squashed?

  Thanks.

  September 18, 2015 at 10:23 am #214419
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Doesn’t look like there’s enough space to me? http://d.pr/i/1iduc/4HnRue5P

  – Kyle

  September 18, 2015 at 11:05 am #214446
  deejayhart

  Member

  Post count: 239

  Here is my ipad acreenshot. There is certainly sufficient room.

  Attachments:

  You must be logged in to view attached files.
  September 18, 2015 at 11:51 am #214474
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  You will need to use this:

  @media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px)  {
     .full-center #logo.has-img a > img {
        height: 47px;
        max-height: 35px;
        height: auto;
     }
  }

  Max height is a fail safe for the sizing and corresponds to your retina image height.

  Thanks,
  David.

  September 18, 2015 at 12:12 pm #214480
  deejayhart

  Member

  Post count: 239

  This reply has been marked as private.
  September 18, 2015 at 12:28 pm #214487
  David Martin – Support

  Moderator

  Post count: 20834

  Hi Dan,

  You copied in an error in the CSS. This > had been converted into a HTML entity which is not good in CSS.

  That media query was specifically for tablet iPad landscape/portrait size, looks like you need a more generic override.

  Please take a look now, I have modified it to this and it’s look normal again:

  .full-center #logo.has-img a > img {
      height: auto!important;
      max-height: 47px!important;
  }
  

  – David.

  September 18, 2015 at 12:34 pm #214488
  deejayhart

  Member

  Post count: 239

  Thanks very much – most helpful.

  September 18, 2015 at 12:37 pm #214491
  David Martin – Support

  Moderator

  Post count: 20834

  Happy to help you out!
  -David.

• Back to forum

  Posted in: Cardinal