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: Dante
• November 20, 2015 at 7:29 pm #230361
  cehdcomm

  Member

  Post count: 5

  On iPhone 6, the header logo does not maintain the appropriate proportions. See screenshot attached.

  Attachments:

  You must be logged in to view attached files.
  November 23, 2015 at 7:38 pm #230748
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  That is very odd, I can replicate that on my iPhone, not on an emulator though.

  Can you add a WP login for me to assist you quicker?

  Thanks,
  David.

  November 23, 2015 at 8:32 pm #230776
  cehdcomm

  Member

  Post count: 5

  I was able to fix it by adding the following:

  @media only screen and (max-width: 479px) {
          // fix logo warping on iphone
  	#logo img, #logo img.retina {
  		max-width: 200px;
  		height: auto !important;
  		min-height: inherit !important;  // <---this was the issue.  by default it is min-height:none!important;
  	}
          // remove excess space in header when logo is smaller
  	.header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row {
      		height: auto !important;
  	}
  }

  November 23, 2015 at 8:37 pm #230778
  David Martin – Support

  Moderator

  Post count: 20834

  Glad you got it sorted.

  Thanks,
  David

• Back to forum

  Posted in: Dante