Countdown Timer is getting cropped on mobile

Ask the Community General Questions
1

I need to format elfsight to fit on a mobile phone.
Is this correct?

<div class="elfsight-app-3576d1ef-e154-4d37-a1a3-cc7a25dc2d44" data-elfsight-app-
lazy="">&nbsp;</div>
<script src="https://static.elfsight.com/platform/platform.js" async></script @media (max-width: 500px and (max-width: 340px){[class*="wheel__Container-sc"] {scale: .7;height: 420px !important;}}
1 Like
3

Hi there, @Jane_Stoltz1 :wave:

I see the issue, but I guess the adjustment should be done with the CSS code. I’ve passed it to the devs and will get back to you tomorrow :slightly_smiling_face:

4

Thank you for waiting!

The issue appeared because of the CSS code you were using in the widget. We’ve adjusted it, so that it wouldn’t be applied to mobile devices:


@media (max-width: 600px) {
  .eapps-countdown-timer-item {
    font-size: 25px;
    font-weight: 800;
  }
}

Please check your widget and let me know if it’s fine now :slightly_smiling_face: