Contain text in hover

Hello, is there a css to contain the text in mobile view that appears in the hover. see text orange sqaure hover which gets cuts off. website

Hello there,

Please try adding this extra custom CSS code to change the default text positioning, so that it becomes vertically centered, and make the heading smaller on mobile screen size.


.roll-team .team-item .team-pop {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}  

.roll-team .team-item .team-pop .team-info {
  top: 0;
  line-height: 1.1;
}

@media only screen and (max-width:991px) {  
  
  .roll-team .team-item .team-pop .name {
   font-size: 15px;
  }  
  
}

Regards,
Kharis

perfect, thank you!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis