Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 8, 2024 at 5:44 am #1429516
    DianaLoola73

    dear support team

    We have an ‘animated countdown’ on the https://emmerams-muehle.de/#neu website. Everything works perfectly on the desktop version.
    Only in the mobile version the numbers of the countdown are displayed on top of each other: see screenshot: https://emmerams-muehle.de/support/countdown.png

    How can I achieve a correct display on a cell phone?
    Best regards, Diana

    January 9, 2024 at 5:46 am #1429619
    Ismael

    Hey Diana,

    Thank you for the inquiry.

    The style issue occurs because of the cell’s padding. To fix the issue, we can override the default padding settings with this css code.

    @media only screen and (max-width: 1024px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_cell.av-lnzk99u3-2367dbc24f2a8c0e8958288f6e1097b4 {
    padding: 20px !important;
  }
}

    Best regards,
    Ismael

    January 25, 2024 at 2:16 pm #1432012
    DianaLoola73

    Thank You. This problem is solved. Perfect

    January 25, 2024 at 6:08 pm #1432056
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Overlapping numbers – animated countdown – mobile version’ is closed to new replies.