Looks like the problem shows up when its I’m running child theme.

When I disable child theme, and go directly through enfold, the prolem goes away

Hey Yigit,

I’ve had to restore a previous version of woocommerce as the site is live and people are buying through the shopping cart.

Yes, I removed ALL plugins, only had the core files installed:
1. WordPress
2. Woocommerce
3. Enfold

All of them up to date.

When I changed the theme to twenty-twelve, woocommerce checkout page functioned as it should. Activate enfold, and then it didn’t work.

Cheers,

Denis.

It should simply perform like any normal <h1>, <h2> etc.

When you place display: block it puts the animated number on its own line, and then treats the rest of the text as a header.
For example:

50
% off today’s deal.

When it should be something like:

50% off today’s
deal

Notice how it treats the animated number differently to the rest of the heading? Hence the percentage doesn’t make sense now.

Hope that helps.
you also you’ll find that the new av separator – custom icon function doesn’t center on mobile.

hey guys? do we have a better work around??

Hi Ismael,

Reducing the font size is a quick work around, but this doesn’t make it responsive.

If the font remains the same size at 80px, and the text reaches the end of the screen it should drop down to the next line right? Whats the code to make it truely responsive?

is there a fix to this? I’ve searched the site, someone else had a problem with this too – but there was no response.