Topic

Hi,

Timer working good so far, but I have a display issue with it….I have a page with two counters (see attached). The second counter “wraps” – I even tried to make the DIV style width 100% and it still wraps…

It does this in both latest versions of IE and Chrome….”DAYS” should display to the left of HOURS….not sure how to fix.

Please help, and thank you!

Replies

Ok this seems to be a problem with the responsive CSS in counter.pack.css

In reference to @media screen and (max-width: 960px)

When the browser is larger than 960px, it wraps the display as shown in the screen shot….

I can accommodate this by adding:
@media screen and (max-width: 1200px)

(Or whatever I need….)

Depending on the main page styling, it can happen that responsive points I have set by default are not enough, so you will need to make some CSS changes to better fit what you need. I used some standard break points, but that is no longer easy to predict, because different frameworks now use very different breakpoints.