How to display Team description on mobile in Hestia

📍 Appearance > Customize > Frontpage Sections > Team

⏪ Before displaying team description

By default, Hestia removes the description of Team members from small screens, to match the design. 

⏩ After displaying team description

To display the team description on your website, please navigate to  Appearance > Customize > Additional CSS section and add the following code:

@media (max-width: 768px) {
  .hestia-team .card .content .card-description {
    display: block;
  }
}

📌 Useful 

Use the following code if you want to show the team member widget in one column on mobile devices:

@media (max-width: 768px) {
	.hestia-team-content .col-ms-6 {
		width: 100%!important;
  }
}