[Bug] How to make Team-element 2-columns on phone

[apple8]

Team-elements are set in 2 columns as attached, but they are displayed in 1 column on phone.
Could you tell me how to display in 2 columns?

(In addition to the above, multi-column is not reflected on phone.)

Attachments:

You must be logged in to view attached files.

[apple8]

This reply has been marked as private.

[David Martin – Support]

Hi,

The columns will stack on mobile as that is how the Bootstrap Framework responsive columns work.

Thanks.

[apple8]

This reply has been marked as private.

[David Martin – Support]

You could overwrite the CSS using a media query so you can force it to be two columns. Please add a link to the page.

[apple8]

This reply has been marked as private.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

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

[apple8]

This reply has been marked as private.

[David Martin – Support]

Glad to help you out!

If you have found the theme/support useful, we appreciate it if you can leave feedback on our item if you have the time as it really helps us out.

Thanks,
David