Changing the countdown timer's shape on mobile version

Hello, I want my countdown timer to be horizontal on mobile view just like the way It is in the desktop mode

can you please help me fix that?


Comments

  • Hi,

    there is no such option due to technical reasons and users who do not control font size and other stuff on mobile devices. The only thing you can do to achieve this, is the custom css below:

    @media only screen and (max-width: 479px) {
      .column_countdown .downcount {
        display: flex;
      }
      .quick_fact .number-wrapper {
        font-size: 30px;
        line-height: 30px;
      }
      .quick_fact h3 {
        font-size: 12px;
      }
    }
    
  • Thanks,

    should I apply this code to themes/betheme/css/responsive.css ?

  • Put this CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.


    Best regards

Sign In or Register to comment.