2 rows on mobile devices in Team Showcase

Ask the Community Customization
1

Hi there!

I would like to display 2 rows of team members on mobile instead of the standard 1 column (Team Showcase, 2nd layout). This is because website visitors have to scroll for a long time before they reach the end. 2 rows would make this much easier and shorter. Is this possible with custom CSS? :smiley:

2 Likes
2

You can use this CSS code

@media screen and (max-width:767px) {
.eapp-team-showcase-grid-item {
    width: 50% !important;
}
}

image
image751×765 50 KB

3 Likes
3

Amazing, it works! Thankyou :smiley:

2 Likes
4

Hi there @Tonny and welcome to the Community :wave:

Happy to see that @tuanphan has found a great solution for your use case!

If anything else comes up, feel free to drop us a line. We’ll be delighted to help :wink:

1 Like