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: Dante
• June 27, 2016 at 5:21 pm #277473
  dennisyoo

  Member

  Post count: 11

  hi

  I made front page with Home seven: shop.

  i checked mobile using my iphone 6

  problem is mobile product list of frontpage/and shop page products list is not align
  so i try to find solution in forum and i found this css

  @media only screen and (max-width: 767px) {.home-slider-wrap {
  display: none;
  }
  }
  @media only screen and (min-width: 480px) {
  li .product-details {
  height: 46px;
  overflow: hidden;
  text-overflow: ellipsis;
  }
  }

  cutom css and i apply it.
  so now i can see corecctly align in shop page product list
  but still in frontpage products list is not align

  please teach me how to .. im just beginer..

  Attachments:

  You must be logged in to view attached files.
  June 28, 2016 at 3:41 pm #277788
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  I think you refer to the vertical height of the products?

  @media only screen and (max-width: 479px) {
  body .woocommerce-shop-page ul.products li.product, 
  body .product_list_widget > div > ul.products li.product {
      width: 46%!important;
      min-height: 290px;
  }
  a.add_to_cart_button.product_type_simple {
      position: absolute;
      bottom: 0;
  }
  }

  Thanks.

  June 28, 2016 at 4:22 pm #277805
  dennisyoo

  Member

  Post count: 11

  oh god.. you are genius thank you so much and happy days!

  June 28, 2016 at 5:24 pm #277826
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Glad it’s sorted. Thanks David.
  -Rui

• Back to forum

  Posted in: Dante