Add Animated Counter Up SOLVED!

I Need Help
41

No. Turned that off

42

You can find the site here:

43

This is Safari:

04
Kapture 2020-01-29 at 19.25.04.gif2346×364 2.68 MB

This is Chrome:

51
Kapture 2020-01-29 at 19.27.51.gif2346×364 1.47 MB

Try to uncheck all the minify export options.

In any case in my Safari and Chrome it works


44

But the typing rotate text doesn’t work in the first bloc

45

@r_botman, maybe private message your project file to @Pealco if he is happy to have a look at it for you?

1 Like
46

You’r right
 is giving error in script 
 as this topic is for the counter I didn’t check the rest, sorry


Yes I can help you
 if you want send me your project


1 Like
47

Really nice looking site @r_botman

You can add some padding to the content with the nav goes sticky to stop the jumping. I think I posted the code for it the other week with the Nav sticky code.

48

Which code was that @PeteSharp? Can’t find it

49

Thanks @Pealco. Will sent it tomorrow.

50

Hey @r_botman, I couldn’t find it either, but


If you add a class called content to the bloc below the nav bloc (actually you can all it anything, just rename the class in the css)

And add the following to your page header

.sticky-bar + .content {
  padding-top: 80px;
}

What it does is when the sticky-bar class is added to your nav, it also adds the padding to the bloc below.

You will need to adjust the padding to suit your design.

51

Hey @PeteSharp. Thanks, but I must be doing something wrong. It doesn’t work for me. Any suggestions?

52

Hey @r_botman

13%20PM
Screen Shot 2020-01-30 at 9.47.13 PM.jpg3584×794 172 KB

Based on this, it looks like you didn’t put the css in style tags. (Mainly my fault, as I didn’t) Should look like this

<style>
.sticky-bar + .content {
  padding-top: 80px;
}
</style>
53

I already added that, but still the same

18
Schermafbeelding 2020-01-30 om 09.51.18.jpg1356×1426 345 KB

54

@r_botman,

Increase the 80 to 180px, just as a test. It appears that the padding is not enough to see a change. You will need to tweak the padding until its nice and smooth.

55

Still the same. get this

49
Schermafbeelding 2020-01-30 om 10.06.49.png1180×528 64.8 KB

56

You’re opening tag is a closing tag. (sorry just saw it)

18
Schermafbeelding 2020-01-30 om 09.51.18.jpg1356×1426 363 KB

should be

 <style>

You can put that css inside the the tags for the sticky-bar, it will cut down the lines you have in your header.

57

Such a simple mistake. Still can’t get it right when I add more padding. Strange!

58

Its showing. -80 px now? Needs to be a positive. Also it shouldn’t be showing the text of the CSS if its wrapped in the style tags?

13%20PM
Screen Shot 2020-01-30 at 9.47.13 PM.jpg3584×794 172 KB

59

Uploaded the adjusted project. Can’t get it right still. Strange

60

Somewhere around 113px, Its harder on my end to tweak it, its close though.

(Your nav bar is 126px high and you have an offset in the sticky script of -12px)