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
• October 12, 2015 at 12:43 pm #220060
  integratutions

  Member

  Post count: 29

  Dear Sir,

  How do I make my team member displays in columns of two like how it is in desktop version?

  Thank you.

  http://atd.kinsta.com/about-us/

  October 12, 2015 at 12:47 pm #220062
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Looks like you have done this already? http://atd.kinsta.com/about-us/

  Let us know.

  Cheers,
  David.

  October 13, 2015 at 2:20 pm #220477
  integratutions

  Member

  Post count: 29

  Hi David,

  Sorry I meant for Mobile version. 🙂

  October 13, 2015 at 3:02 pm #220500
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

  @media only screen and (max-width: 767px) { 
  .team-members .team-member.col-sm-6 {
    width: 50%;
    float: left;
  }
  }

  – Kyle

  October 13, 2015 at 3:05 pm #220503
  David Martin – Support

  Moderator

  Post count: 20834

  No problem, please use this:

  @media only screen and (max-width: 767px) {
  .team-member.col-sm-6 {
      float: left;
       width: 50%;
  }
  }

  – David.

  October 14, 2015 at 2:12 am #220649
  integratutions

  Member

  Post count: 29

  Thanks! It working now 🙂

  October 14, 2015 at 8:05 am #220673
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great! No problem 🙂

  October 14, 2015 at 4:57 pm #220861
  integratutions

  Member

  Post count: 29

  Sorry guys, there seems to be some alignment issues when viewed on mobile.

  Please advice.

  Attachments:

  You must be logged in to view attached files.
  October 14, 2015 at 5:06 pm #220865
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  That is caused by the image text, as it has dropped onto two lines.

  Please also add:

  @media only screen and (max-width: 767px) {
  .team-member h5 {
      font-size: 12px;
  }
  }
  

  – David.

  October 18, 2015 at 4:36 am #221384
  integratutions

  Member

  Post count: 29

  Hi,

  I’m sorry. It still doesn’t work on my side. Alignment still off. 🙁

  October 19, 2015 at 8:59 am #221451
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .team-member h5 {
    height: 10px;
    line-height: 1em;
  }

  – Kyle

  October 19, 2015 at 9:20 am #221461
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Just a doubt are you using Android or IOS?

  -Rui

  October 19, 2015 at 9:25 am #221463
  integratutions

  Member

  Post count: 29

  THanks Kyle. It’s working perfectly now! :))

  October 19, 2015 at 9:28 am #221465
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

• Back to forum

  Posted in: Atelier