Team Showcase mobile view customization

Ask the Community Customization
1

Hi it would be great to be able to view multiple post at once on the mobile view rather than one by one while scrolling to create better viewing efficiency.

2 Likes
2

Hi @Jasmine_Gilliam, thanks for sharing your idea!

Just to clarify, you’d want to control a number of posts displayed in the mobile views, correct? :slight_smile:

2 Likes
4

Hi there, @Jasmine_Gilliam :wave:

If you’d like to increase the number of columns on mobile, please specify the number of columns you’d like to have. We’ll try to find a solution for you :wink:

1 Like
5

yes

1 Like
6

I’m thinking 3 columns, thank you so much

2 Likes
7

Got it, thanks!

Unfortunately, there is no way to display more than 2 columns on mobile. If 2 columns work for your case too, please use this code in the Custom CSS field :slightly_smiling_face:

.eapp-team-showcase-grid-item {
  max-width: 25%;
}

.eapp-team-showcase-member-card-info-component {
  max-width: 100%;
}

@media (max-width: 700px) {
  .eapp-team-showcase-grid-item {
    max-width: 50%;
  }
}
2 Likes
8

Thanks! This is much better.

2 Likes
9

Great, you’re welcome :wink:

1 Like
10

Screenshot 2025-06-18 at 4.50.54 PM
Screenshot 2025-06-18 at 4.50.54 PM860×946 128 KB

Hey Max, this code is causing my widget to appear cropped in the columns for mobile. How could the coding be tweaked to allow for the images and text to be smaller to fit better?

2 Likes
11

Hi there, @OHS_Graphics :waving_hand:

This code should work great for you:

.eapp-team-showcase-grid-item {
  max-width: 25%;
}

.eapp-team-showcase-member-card-info-component {
  max-width: 100%;
}

@media (max-width: 700px) {
  [class*="WidgetBackground__Wrapper-sc"] {
    padding: 27px 10px !important;
  }
  
  .eapp-team-showcase-grid-item {
    max-width: 50%;
  }
}

Please try it out and let me know if it helped :slightly_smiling_face:

2 Likes
12

It’s perfect! Thank you!!

2 Likes
13

It’s my pleasure!

In the meantime, we’d like to invite you to participate in our Birthday Contest, where you can win a 12-month extension for your subscription - Birthday Contest: 10 Winners, 10 Free Years with Elfsight! :wrapped_gift:

Check the details and join in :wink:

1 Like