Home Forums Total Total theme Home page reduce columns in Team section

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11901
    DMediaWeb
    Participant

    Hello – Love the Total theme, thank you! We have only 2 team members to display on the Home page Our Team section in Total theme. Can you tell me the CSS to get the columns to display only 2, not 4?

    #11903
    Hash
    Keymaster

    Hi,

    Here is the CSS code. With this, the team member will show in 2 columns but will appear big. Or you can do it easily with our premium version.

    .ht-team-member {
    width: 48%;
    }

    #11937
    DMediaWeb
    Participant

    Thank you! This was the perfect solution to desktop—looks like 2 columns now, not 4. But now the images are super small in mobile view (looking on iPhone in Safari). Before this change, the images were perfect on mobile. Is there different CSS to fix the mobile view?

    #11987
    Hash
    Keymaster

    Yes, add this CSS as well

    @media screen and (max-width:580px){
    .ht-team-member {
    width: 98%;
    }
    }
    #11990
    DMediaWeb
    Participant

    Thank you that worked great! You guys are awesome!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.