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
• October 17, 2015 at 4:41 pm #221361
  lilirooz

  Member

  Post count: 10

  When I test my webshop in firefox v41.0.1, the placement of the logo in wrong. Is is beneath the menu.
  Also the number of columns in not ok. Normally I see 3 columns, but in Firefox I see only 2 columns.

  Please help me, where are about to launch our website publicly.

  Thank you very much.

  Attachments:

  You must be logged in to view attached files.
  October 19, 2015 at 1:57 pm #221585
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  What is within your child theme, I cannot see this?

  The logo is being position wrong because of this class full-center #logo.

  Can you add the zip of your child theme here so I can take a look?

  Thanks,
  David.

  October 20, 2015 at 9:09 am #221807
  lilirooz

  Member

  Post count: 10

  This reply has been marked as private.
  October 20, 2015 at 3:12 pm #221950
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Thanks for that, that is a very odd issue – never seen it before.

  I have add a CSS tweak, can you re-test? This is what I have added to the theme options:

  @-moz-document url-prefix() { 
    .full-center #logo {
      position: relative;
      left: auto;
      top: auto;
      height: 100%;
      width: auto;
      z-index: 99;
      max-width: initial;
    }
  }

  -David.

  October 20, 2015 at 3:55 pm #221968
  lilirooz

  Member

  Post count: 10

  Thank you, the logo issue seems to be resolved with this extra css.

  What about the second issue? The number of columns in the shop is 2 instead of 3 in Firefox on big screens… See screenshot.

  Attachments:

  You must be logged in to view attached files.
  October 20, 2015 at 3:57 pm #221972
  lilirooz

  Member

  Post count: 10

  This reply has been marked as private.
  October 20, 2015 at 4:06 pm #221980
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please check now, I missed that query you posted. I also added this:

  .woocommerce ul.products li.product.col-sm-4 {
      width: 33%;
  }

  Cheers,
  David.

  October 20, 2015 at 4:27 pm #221994
  lilirooz

  Member

  Post count: 10

  Thank you.

  Now there is a problem with the menu on smaller screens in Firefox. Please take a look at the screenshot.

  Attachments:

  You must be logged in to view attached files.
  October 21, 2015 at 11:47 am #222158
  David Martin – Support

  Moderator

  Post count: 20834

  Very odd, this almost had me stumped. I have amended the code to account for this, can you check?

  @-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%;
     }
   }
  }

  October 28, 2015 at 5:52 pm #223998
  lilirooz

  Member

  Post count: 10

  Thank you!

  October 28, 2015 at 6:43 pm #224016
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Thanks David.
  -Rui

• Back to forum

  Posted in: Atelier