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 7, 2015 at 11:43 pm #163543
  simondm

  Member

  Post count: 9

  Hi,

  So I’ve got an issue and I couldn’t find any answer on the support forum (sorry)

  http://www.propositoconsultores.com
  Mobile version: the logo gets squeezed and doesn’t stay centered.

  How can I make sure it stays in place and doesn’t get squeezed?
  The problem appears on both Android and iPhone.

  Thanks

  April 8, 2015 at 7:06 am #163594
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media only screen and (max-width: 767px) {
   #logo a:first-child{
     margin-top:-80px !important;
     float:none !important;
   }
  }

  Thanks
  Mohammad

  April 8, 2015 at 1:29 pm #163768
  simondm

  Member

  Post count: 9

  Hi Mohammad,

  Thanks for that but it doesn’t work. It actually makes it worse on mobile.
  Now not only does it stretch like before, but it is also misplaced (way too high and part of the logo is missing)

  Could you please have a look? I’ve left the CSS with your changes. Feel free to connect to my admin and make changes to custom CSS if you need…

  Thanks

  Simon

  April 9, 2015 at 4:42 am #163912
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove last css code and use this new custom css code:-

  @media only screen and (max-width: 767px) {
   #logo a:first-child{
     margin-top:10px !important;
     float:none !important;
   }
  
  #logo a.mobile-menu-show{
  margin-top:-80px !important;
  }
  }

  Thanks
  Mohammad

  April 9, 2015 at 4:57 pm #164101
  simondm

  Member

  Post count: 9

  Hi again Mohammad,
  I still see the same problem. Could you please try to load the website on an iPhone or Android? You will see the logo gets squeezed compared to what it should be (and how it looks on desktop).
  Thanks for your help

  April 13, 2015 at 6:27 am #164485
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach marked screenshot image.
  Thanks
  Mohammad

  April 13, 2015 at 5:40 pm #164815
  simondm

  Member

  Post count: 9

  Here it goes, from my Android phone (the same happens on iPhone).
  If you compare it to desktop version, you will see the logo is still squeezed.
  http://www.propositoconsultores.com

  Attachments:

  You must be logged in to view attached files.
  April 15, 2015 at 12:16 pm #165313
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Seems fine now?

  – Kyle

  April 15, 2015 at 2:13 pm #165352
  simondm

  Member

  Post count: 9

  No it’s not. I’m surprised you even ask. If you compare between the screenshot I sent you and the desktop version, you will notice the logo is squeezed in mobile version. You can even reduce the size of the desktop window to realise that.

  Here’s another picture to show you the difference between the two logos (one in vertical mode on my phone, the other one in horizontal). This is something I need to solve ASAP now as my client is really annoyed now because of the delay.

  Thanks

  Attachments:

  You must be logged in to view attached files.
  April 15, 2015 at 2:24 pm #165359
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try adding this to your custom css:

  #logo img, #logo img.retina {
    max-width: 300px;
  }

  – Kyle

  April 15, 2015 at 2:42 pm #165369
  simondm

  Member

  Post count: 9

  Awesome, thanks Kyle, once again you got it right at first try!

  Have a wonderful day,

  Simon

  April 15, 2015 at 2:47 pm #165370
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks Kyle
  -Rui

• Back to forum

  Posted in: Dante