Docs

[Pollito69]

Hello,

I have a 10 second counter (counter num_start=”0″ num_end=”10″) on my home page, here: http://www.selfdefenseatlanta.com
The counter looks great on a laptop screen but for some reason does not scale – like everything else on the home page does – for a smaller mobile phone screen. What is the best way to fix this?
Thanks!

[Paul R]

Hi,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer.

@media (max-width: 979px) {
.home #front-page .x-counter .number-wrap {
    font-size: 2.25em;
}
}

@media (max-width: 767px) {
.home #front-page .x-counter .number-wrap {
    font-size: 1.25em;
}
}

You may change the font size to achieve your desired result.

Hope that helps.

[Pollito69]

That seems to have fixed it. Thanks!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts