I have added a Team Member section to my site's about page. It is set to 4 columns, and when the browser is resized it changes directly to 2 columns, and then to 1 column on mobile.
Is there a way to add a breakpoint where the Team Members display in 3 columns? When the browser is anywhere between 990px-1400px, 4 small columns remain and the text contained inside the hover is overflowing.
I have added a Team Member section to my site's about page. It is set to 4 columns, and when the browser is resized it changes directly to 2 columns, and then to 1 column on mobile.
Is there a way to add a breakpoint where the Team Members display in 3 columns? When the browser is anywhere between 990px-1400px, 4 small columns remain and the text contained inside the hover is overflowing.
Thanks!
Hi Megan,
Adding the following CSS to your Custom CSS area should do the trick:
@media screen and (min-width: 990px) and (max-width: 1400px) { .team-holder .row .col-md-3 { width: 33.3333%; } }Best regards,
Laborator Team