Trying to get a responsive counter. The number keeps jumping out of the column on smaller screen sizes
Any suggestions?
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.
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.