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: Neighborhood
• February 18, 2015 at 5:50 am #151107
  kluongt

  Member

  Post count: 22

  Hi,

  I would like to center the logo on mobile view version. Please let me know if it is possible to use css code for doing this. If yes, please provide the css code. Thank you so much.

  I have been trying to do it for 2 hours and I could not find the solution, Please help.

  thanks.
  Kevin.

  February 18, 2015 at 9:03 am #151137
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  What’s your link?

  – Kyle

  February 18, 2015 at 9:38 am #151138
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  We need to remove cart and search icon to align the logo at center.
  Thanks
  Mohammad

  February 23, 2015 at 11:05 pm #152563
  kluongt

  Member

  Post count: 22

  Hi Mohamand,

  Can we move the logo at center and the search, shopping cart and menu icon below the logo for mobile view? thanks.

  February 24, 2015 at 7:30 am #152607
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  
  @media only screen and (max-width: 479px) {
  #logo > a.logo-link {
      display: block;
      height: 40px;
      margin-bottom: 10px !important;
      max-width: 100%;
      width: 100% !important;
  }
  }
  

  Thanks
  Mohammad

  February 26, 2015 at 5:27 pm #153516
  kluongt

  Member

  Post count: 22

  Hi Mohammad,

  Thanks for the code.

  However, the logo moves to center when mobile is in the portrait position, when I turned my phone to the landscape position, the logo was still on the left of the screen. Please advice to how to fix it. I would like to have the logo staying in the center either the phone in portrait or landscape position. Thanks for your help.

  February 27, 2015 at 4:58 am #153601
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  @media only screen and (max-width: 767px) {
  #logo > a.logo-link {
      display: block;
      height: 40px;
      margin-bottom: 10px !important;
      max-width: 100%;
      width: 100% !important;
  }
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Neighborhood