• 

  aahmadi3

  Participant

  January 13, 2016 at 19:07

  Hello,
  I would like to center the quantity field on mobile devices.
  Everything is currently centered except for that and it looks terrible.
  I have tried several different css codes but have not been able to fix it.
  Can you please help with this?
  Screen shot here: http://www.puredogfood.com/Print/screen_shot.jpg
  Thanks.
  Ali

  #107895 Copied Theme version: 2.9.2 WooCommerce version: 2.4.13
  3 Answers
  

  Eva Kemp

  Participant

  January 13, 2016 at 19:40

  Hello,

  Please add this code in custom.css file:

  @media (max-width: 480px) {.single-product-page .product-info .quantity {
     margin-left: 40%;
  }}

  Regards,
  Eva Kemp.

  #107905 Copied
  

  aahmadi3

  Participant

  January 13, 2016 at 19:49

  That worked great Eva, how do I apply the same changes for tablets?
  Thanks.

  #107907 Copied
  

  Robert Hall

  Participant

  January 13, 2016 at 19:56

  Hello,

  Please use the following code in custom.css

  @media (max-width: 767px){
  .single-product-page .product-info .quantity {
      left: 50%;
      margin-left: -32px;
  }
  }

  Regards,
  Robert Hall.

  #107908 Copied
• Viewing 4 results - 1 through 4 (of 4 total)