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
• November 15, 2016 at 2:02 pm #301961
  hyobinlee

  Member

  Post count: 19

  Dear supporter,

  I’d like to apply different product align for mobile view. Current my mobile site view is really strange.. so many white area. You can check my mobile site with this url.
  http://Www.thefepi.com

  Here’s what i want to do

  1 product on a row. Without no space both sides. Like full with view. You can check my attachment

  Thanks a lot!!

  Attachments:

  You must be logged in to view attached files.
  November 15, 2016 at 7:13 pm #302032
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  @media only screen and (max-width: 767px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
      width: 100%!important;
  }
  .container {
      padding: 0 0px;
  }
  }

  -Rui

  November 16, 2016 at 3:17 am #302061
  hyobinlee

  Member

  Post count: 19

  Dear supporter,

  Thank you for the support. I added your code on my css custom
  1 product on a row is perfectly working,
  buy the way still has the space on the both sides
  Can you check my attachement?

  1. can we remove the space on both side?
  2. can we align ‘product name’ on left align? like my web view?

  Thanks in advance

  Attachments:

  You must be logged in to view attached files.
  November 16, 2016 at 10:03 am #302091
  David Martin – Support

  Moderator

  Post count: 20834

  Please add this to Theme Options => Custom CSS:

  @media only screen and (max-width: 767px) {
  .woocommerce ul.products li.product h3, 
  .woocommerce-page ul.products li.product h3 {
  text-align: left;
  }
  .woocommerce[class*=columns-] ul.products li.product {
      margin: 0 auto!important;
  }
  }

  November 16, 2016 at 3:13 pm #302168
  hyobinlee

  Member

  Post count: 19

  Dear David,

  Thank you, it’s working well!

  But, after that code added, on my single product page is also absolutely left align like my attachement.
  So, can I know how can I apply to center align for several resource

  1. page title
  2. simple page description (It’s not a main description)
  3. Color / size / etc. which are attribute-> variation
  4. Quantity
  5. Add to shopping bag / wish list

  Quite a lot ;;

  THANKS ALWAYS

  Attachments:

  You must be logged in to view attached files.
  November 17, 2016 at 5:06 am #302299
  hyobinlee

  Member

  Post count: 19

  I solve the problem
  Thank you so much!!

  November 17, 2016 at 2:14 pm #302355
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Glad it’s sorted.

  -Rui

  December 12, 2016 at 6:01 pm #306275
  danielddiego

  Member

  Post count: 1

  Hi ther, love your fantastic.

  I have try to do this and other options i have seen in other topics, but i couldn’t make it works.

  I juat need all products for responsive appears in a row, bur in homepage. Right now, you can see 2 products.

  Is that possible?

  Thanks a lot.

  December 13, 2016 at 9:48 pm #306497
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi @danielddiego,

  Can you provide us your site url to have a look? Also some admin credentials in a private reply can help to identify the issue.

  -Rui

  December 15, 2016 at 8:48 am #306683
  guentherportfolio

  Member

  Post count: 266

  This reply has been marked as private.
  December 15, 2016 at 12:07 pm #306719
  David Martin – Support

  Moderator

  Post count: 20834

  Are you sure that is not caused by your modifications? What is the page URL?

  December 17, 2016 at 9:25 pm #307059
  guentherportfolio

  Member

  Post count: 266

  This reply has been marked as private.
  December 20, 2016 at 10:11 am #307342
  David Martin – Support

  Moderator

  Post count: 20834

  This is causing it:

  

  Your using a CSS cache so I cannot see where this is originating from. Got a login for me?

  December 20, 2016 at 11:07 am #307363
  guentherportfolio

  Member

  Post count: 266

  This reply has been marked as private.
  December 21, 2016 at 12:18 pm #307575
  David Martin – Support

  Moderator

  Post count: 20834

  Please add this to Theme Options => Custom CSS:

  @media (max-width: 767px){
  body {
      padding-right: 0;
      padding-left: 0;
  }
  }

• Back to forum

  Posted in: Neighborhood