Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 26, 2014 at 1:12 pm #309310
    graphico

    my counter is quite high- 16 million+ users.
    i want it to be 80px font size on screens, but in mobile it remains 80px and won;t change to fit the responsive dimension.
    what costume css code can i put in order to decrease font size of the animated numbers on mobile?

    August 26, 2014 at 1:19 pm #309316
    Yigit

    Hi graphico!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    @media only screen and (max-width: 768px) and (min-width: 481px) {
strong.heading.avia-animated-number-title { font-size: 50px!important; }}
@media only screen and (max-width: 480px) {
strong.heading.avia-animated-number-title { font-size: 40px!important; }}

    Cheers!
    Yigit

    August 26, 2014 at 7:58 pm #309497
    graphico

    thank you!

    August 26, 2014 at 8:44 pm #309518
    Yigit

    Hey!

    You are welcome, glad we could help! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘animated numbers – font size responsiveness on mobile’ is closed to new replies.