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
• December 15, 2015 at 8:44 pm #235696
  djvegas87

  Member

  Post count: 56

  hey guys,

  can you please check the position of the price in the mobile version.

  best regards,
  Ahmed

  Attachments:

  You must be logged in to view attached files.
  December 16, 2015 at 7:58 am #235773
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  @media screen and (min-width: 767px) {
      .woocommerce ul.products li.product .price {
      text-align: left !important;
      float: right !important;
      margin-bottom: 0px !important;
      margin-top: 0px !important;
      }
  
      ul.products li.product .product-details {
      text-align: left !important;
      float: left !important;
      }
  }
  
  

  Thanks
  Mohammad

  December 16, 2015 at 3:23 pm #235916
  djvegas87

  Member

  Post count: 56

  Hi Mohamed,

  I added the code but it’s not working. This is again the sort of quick fix that we should avoid. This is an issue in the mobile version of the theme and should be addressed to the developers. Please forward it.

  Best,
  Ahmed

  December 16, 2015 at 4:24 pm #235952
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  @media screen and (max-width: 767px) {
  .woocommerce ul.products li.product .price {
  text-align: left !important;
  float: right !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  }

  ul.products li.product .product-details {
  text-align: left !important;
  float: left !important;
  }
  }

  There was a small error in last code.

  Thanks
  Mohammad

  December 16, 2015 at 9:24 pm #236063
  djvegas87

  Member

  Post count: 56

  Hi Mohammad,

  thank you, now it’s working. BUT it’s still a workaround and I think that it should be fixed for everyone in the next update. Please forward it.

  Best,
  Ahmed

  December 16, 2015 at 9:31 pm #236064
  djvegas87

  Member

  Post count: 56

  another small thing: When you open a product in the mobile version and scroll down to the bottom, the “related product” doesn’t look good. Please see the attached screenshot. The picture, carousel and product details are very stretched…

  Attachments:

  You must be logged in to view attached files.
  December 17, 2015 at 5:04 am #236105
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove the last code and use this new code:-

  @media screen and (max-width: 767px) {
   li.product .price {
  text-align: left !important;
  float: right !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  }
  
  li.product .product-details {
  text-align: left !important;
  float: left !important;
  }
  }

  Thanks
  Mohammad

• Back to forum

  Posted in: Neighborhood