Responsive counter

Support
#1

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

Any suggestions?

#2

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.

#3

here are the login details

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

#4

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.

#5

thanks worked great

#6

You’re most welcome.