Mobile View for Features Intro : style-1 overlaps picture

ulithegrey

Hi,
we are using Features Intro : style-1 to display our team members. Looks good on PC but overlaps almost all of the pictures on mobile.
What is the best way to correct this ? I have looked at the SCSS involved, but would rather hear the expert advice here.
Regards

uli

cssyeah

Hi,

From back-end of the JA Spa template, click to the Tool tab -> Edit CSS Custom. Add below CSS rules to the editor.

@media (max-width: 480px) {
  .acm-features.style-1 .features-item .features-content {
    height: 60px;
    overflow: hidden;
  }

  .acm-features.style-1 .features-item:hover .features-content {
    height: auto;
  }
}

Click the Save button and reload your website on mobile.

Best regards,