Changing the countdown timer's shape on mobile version

memaridah

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?

Albert

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;
  }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

memaridah

Thanks,

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

Phil

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

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next