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
• January 11, 2015 at 12:44 am #140594
  serieux

  Member

  Post count: 112

  Hi,

  I’m trying to fix the layout of the mobile site for the products/shop/woocommerce page.

  The products seem to be out of line.

  I have added some custom CSS ive found on the support page, they have slightly helped but haven’t fixed the problem.

  Im trying to make all the products aligned and properly displayed in an organised fashion.

  Custom CSS i have added:

  @media only screen and (min-width: 480px) {
  li .product-details {
  height: 45px;
  overflow: hidden;
  text-overflow: ellipsis;
  }

  @media only screen and (max-width: 479px) {
  .woocommerce-count-wrap{display:none;}
  .woocommerce-ordering{display:none;}
  ul.products{border-top:0px;}
  }

  Screenshot also attached.

  Thanks.

  Attachments:

  You must be logged in to view attached files.
  January 12, 2015 at 2:41 am #140742
  laranz – SUPPORT

  Member

  Post count: 3186

  Hi,

  Try this Custom CSS.

  @media only screen and (min-width: 480px) {
  .products li { height: 280px; }
  }
  

  Let us know,

  Thanks,
  laranz.

  January 14, 2015 at 3:55 am #141335
  serieux

  Member

  Post count: 112

  Hi Thanks for the reply, but that did not work.

  Any other suggestions?

  Can you also please help me put the text ‘Menu’ next to the menu icon for mobile please?

  Thanks,

  Dan

  January 14, 2015 at 9:39 am #141384
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try this:

  @media only screen and (max-width: 767px) { 
  ul.products li.product .product-details {
    min-height: 60px;
    max-height: 50px;
  }
  }

  and for the mobile menu:

  #logo a.show-main-nav:before {
    content: "MENU";
    margin-right: 6px;
  }

  – Kyle

  February 27, 2015 at 11:46 pm #153947
  serieux

  Member

  Post count: 112

  Thank you,

  It works.

  March 1, 2015 at 5:20 pm #154103
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  You most welcome. I’m glad that issue resolved. Great thanks to Kyle.
  Thanks 🙂
  With Best Regards
  Mohammad

• Back to forum

  Posted in: Neighborhood