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: Flexform
• July 7, 2014 at 7:05 pm #88757
  timeastman

  Member

  Post count: 11

  Hi There,

  Please see my attached link. I have a client page with 4 coloumns which, as you shrink the browser jumps to 1 column too early and consequently makes the headshots huge and poor quality. Is there a way to make it jump to 2 columns at this size and then down to 1 column on the smallest mobile size?

  Thanks

  Tim

  July 8, 2014 at 8:06 am #88858
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try adding this to your custom css:

  @media only screen and (min-width: 480px) and (max-width: 768px) { 
  .team_list_widget.span3 {
    float: left;
    width: 47%;
  }
  .team_list_widget.span3:nth-child(even) {
    margin-left: 6%;
  }
  }

  – Kyle

  July 8, 2014 at 9:03 am #88880
  timeastman

  Member

  Post count: 11

  Thanks Kyle, Worked a treat!

  Tim

  July 8, 2014 at 9:05 am #88883
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Great! No problem

  – Kyle

• Back to forum

  Posted in: Flexform