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: Atelier
• March 23, 2016 at 6:14 pm #257466
  lilirooz

  Member

  Post count: 10

  Hi,
  There is something wrong with the logo on our website.
  It is positioned too low.
  It only happens on a macbook (non-retina version) with a screen resolution of 1280px x 800px.
  In the past we had a similar problem on mozilla firefox.
  This is the code you sent me before, should we add some other code?

  Thank you very much for your reply

  @-moz-document url-prefix() {
  .full-center #logo {
  position: relative;
  left: auto;
  top: auto;
  height: 100%;
  width: auto;
  z-index: 99;
  max-width: initial;
  }
  .woocommerce ul.products li.product.col-sm-4 {
  width: 33%;
  }
  @media screen and (max-width: 1180px) {
  .full-center #logo {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 99%;
  }

  #logo img {
  max-width: 83%;
  }
  }

  March 23, 2016 at 6:37 pm #257475
  lilirooz

  Member

  Post count: 10

  It also happens when my screen is smaller.
  See attached screenshot.

  Attachments:

  You must be logged in to view attached files.
  March 24, 2016 at 10:44 am #257571
  lilirooz

  Member

  Post count: 10

  After some more testing, I can describe the problem more accurately:
  When you surf to the website in Chrome on a non-retina screen, you will see that the logo in the menu is positioned too low.
  What code should I implement to get the logo on the right position?

  March 28, 2016 at 12:16 pm #258140
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  This css will resolve the issue:

  .full-center #logo.has-img a>img {
  float: left;
  }

  Apologies for the delay in our reply.

  – Ed

• Back to forum

  Posted in: Atelier