Teams widget on mobile is overlapping/covering footer

Ask the Community General Questions
1

Hello. We are using the Teams plugin to feature guests at our expo. This list will grow to possibly 150+. At the moment there are 48 guests in 3 categories (using 3 teams widgets). On mobile, the last team widget is overlapping with the containers below it so that the team thumbnails are covering up all the content in the footer. I’ve uploaded 2 screenshots.

Is there a fix through the plugin or is this an Elementor problem?

Thank you!

Best,
Helen

IMG_8318.PNG
IMG_8318.PNG1125×2436 138 KB

IMG_8317.PNG
IMG_8317.PNG1125×2436 157 KB

1 Like
3

Greetings, @Helen_TheFitExpo :wave:

There was an issue with the container styles, but we’ve fixed it by adding this code to the Custom CSS field on the Style tab of Trainers LA25 widget:

.global-styles,
.e-con-inner:has([class^="elfsight-app"]) {
	align-items: center !important;
	justify-content: center !important;
}

.global-styles,
.elementor-element:has([class^="elfsight-app"]) {
	width: 100% !important;
}

Please check your website and let me know if it’s fine now :slightly_smiling_face:

4

Max,

That fixed it! You guys are awesome. Thank you so much!!!

2 Likes
5

A huge thank you for the feedback, @Helen_TheFitExpo!

If anything else comes up, we are always here to help :wink:

In the meantime, we’d really appreciate it if you could check out the Team Showcase category on the Wishlist and upvote any ideas you like the most.

Your feedback will be super valuable in helping us prioritize requests!