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;
  }
}

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.