Team Section does not work right on Mobile

Illdy
1

The mobile view, under 768px does not show correctly.
main.min.css line 787:

 #team .section-content .person .person-content {
  text-align:left;
  width:calc(100% - 150px);
  float:right
 }

This causes the text and description to show too small. The width calculation is not right for small screens.

2

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*adjust team section on mobile*/
@media (max-width: 768px){
team .widget_illdy_person {
    margin-left: 0px;
    width: 100%;
}
}

Best regards,
Support.