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
• April 8, 2016 at 3:20 pm #260410
  learninginlife

  Member

  Wondering if there’s a way to prevent the logo stretching on load on mobile browsers? Once I scroll down however, the logo then shrinks to the appropriate size. It would also be nice to reduce the white space beneath the logo in the header so it doesn’t occupy so much space underneath the logo/menu.

  logo1.PNG is the way the logo looks upon loading the page in Chrome/Safari on iOS. Once I scroll slightly, it then changes to what it looks like in logo2.PNG. If I scroll back to the top of the page, it then reverts to the stretched version.

  Ideally the logo would load & scroll as logo2.png with a reduction of the white space below the logo / menu.

  Attachments:

  You must be logged in to view attached files.
  April 11, 2016 at 10:52 am #260634
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please add this custom CSS to your theme options:

  #logo img, #logo img.retina {
      min-height: inherit !important;
  }

  Thanks.

• Back to forum

  Posted in: Dante