New Landing › How can we help? › Themeforest Theme Support › Dante › Logo gets squished and distorted when browser width goes below ~1200px

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Dante
  • August 21, 2014 at 5:38 am #102909
    sakirose
    Member
    Post count: 96

    Logo gets squished and distorted when browser goes below ~1200px. How do I prevent the logo from resizing with the browser?

    See image attached.

    Attachments:
    You must be logged in to view attached files.
    August 21, 2014 at 7:50 am #102925
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Add this to your custom css:

    .header-left.col-sm-4, .header-right.col-sm-4 {
  display: none;
}
.col-sm-4.logo-center {
  width: 100%;
}

    – Kyle

    August 25, 2014 at 3:09 am #103671
    sakirose
    Member
    Post count: 96

    It is still squeezed to an abnormal size.

    August 25, 2014 at 3:50 am #103681
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi @sakirose,

    Simply add this css – it will override the height setting you have set, and will keep the logo in proportion.

    #logo img, #logo img.retina {
height: auto!important;
}

    – Ed

  • Back to forum
    Posted in: Dante
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register