Responsive counter

Trying to get a responsive counter. The number keeps jumping out of the column on smaller screen sizes

Any suggestions?

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

here are the login details

URL: https://www.gunstocarry.com/statistics-on-concealed-carry/

Hi there,

Please add this code in the custom CSS:

@media (min-width: 856px) and (max-width: 1194px) {
    .x-counter .number-wrap {
        font-size: 2.5em;
    }
}

@media (min-width: 765px) and (max-width: 855px) {
    .x-counter .number-wrap {
        font-size: 1.5em;
    }    
}

@media (max-width: 370px) {
    .x-counter .number-wrap {
        font-size: 1.5em;
    }    
}

Hope this helps.

thanks worked great

You’re most welcome.