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
• June 29, 2016 at 12:30 pm #278057
  dej888

  Member

  Post count: 181

  Hello,

  I am having css errors on my product and cart page. When i decrease the size of my pc screen or go on my tablet/phone, the arrows for the quantity is showing wrong or is dissapearing.

  I am familiar with css, tried to fix it, but it is not? I believe it has somethnig to do with the mobile sizing?

  Please assist :)!

  note: i added a screen shot of the error showing on the cart page. i also showed the picture of our product page, where it shows arrows quanity button/arrow on the full screen shot, then I showed it gone when you you shrink the screen. Hope this helps.

  June 29, 2016 at 12:32 pm #278059
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  June 29, 2016 at 12:37 pm #278064
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  June 29, 2016 at 12:41 pm #278066
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  June 29, 2016 at 2:25 pm #278111
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  June 29, 2016 at 2:27 pm #278114
  dej888

  Member

  Post count: 181

  sorry, in reference to the “fix of the our-menu page” it is only a fix of the box shadow i fixed – the quantity arrows, still broken on these pages when shrinking the page.

  June 29, 2016 at 2:47 pm #278126
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  June 30, 2016 at 6:11 am #278278
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .woocommerce .quantity .qty-adjust {
      position: relative !important;
      border-left-width: 0px !important;
      border-left-style: none !important;
  }

  Thanks
  Mohammad

  June 30, 2016 at 6:12 am #278279
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media screen and (max-width: 767px) {
  .woocommerce .quantity .qty-adjust {
      position: relative !important;
      border-left-width: 0px !important;
      border-left-style: none !important;
  }
  }

  Thanks
  Mohammad

  June 30, 2016 at 12:11 pm #278362
  dej888

  Member

  Post count: 181

  Thank you Mohammad,

  I tried this, but it failed to work..

  June 30, 2016 at 12:38 pm #278383
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me login detail to check and resolve the issue.
  Thanks
  Mohammad

  June 30, 2016 at 7:24 pm #278504
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  July 1, 2016 at 7:34 am #278549
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I have managed to resolve the issue so please check it now.
  Thanks
  Mohammad

  July 4, 2016 at 12:47 pm #278950
  dej888

  Member

  Post count: 181

  This reply has been marked as private.
  July 4, 2016 at 1:19 pm #278963
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Just attach a screenshot for this new issue.
  Thanks
  Mohammad

• Back to forum

  Posted in: Atelier