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?
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
thank you!