Social Media Icons on Employee pic overlay misplaced in mobile

Hi There

I have noticed that the social media icons that appear on the Employee picture overlay on the Sydney theme are positioned too low in the mobile versions of my site. Particularly in the smart-phone version where they are so low they are virtually below the picture overlay area and are therefore very hard to see… Are you aware of this issue? Is there a fix?

My site is www.transformative.ie

Many thanks

Tim

Hi Tim,

I am sorry for inconvenience. To fix it, add this CSS code into Appearance > Customize > Additional CSS in your site dashboard.


@media only screen and (max-width:480px) {
  
  .roll-team .team-item .team-pop {
    position: relative; 
  }  
  
  .roll-team .team-item .team-pop .team-info {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);    
  }  
  
  .roll-team .team-item .team-pop .name {
    padding: 0; 
  }  
  
  .roll-team .team-item .team-social {
    padding-top: 3px; 
  }  
  
}

The permanent fix will come packed in the next version.

Thank you for reporting.

Regards,
Kharis

Many thanks Kharis.

I look forward to the next update… In the meantime, that CSS code worked perfectly for me.

Thanks again.

Tim

You’re welcome, Tim.

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