Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 2, 2019 at 12:10 pm #1115146
    jonrouse

    Hi,
    Just completing a site and noticed that when I view it on mobile the animated number element loses the circle background. It actually lost everything because the numbers are white on a colour, but I’ve ended up duplicated the numbers and using the inbuilt media query to swap out at different sizes.

    Am I missing anything why these animated numbers are missing their background circles? I’ve left a link the private area.

    Thanks

    July 4, 2019 at 6:10 am #1115630
    Vinay

    Hey jonrouse,

    please add the below CSS to your site and adjust the min and max width to suit your site.

    @media only screen and (max-width:768px) {
	#top .avia-animated-number-circle {
    display: block;
    min-width: 200px;
    max-width: 50%;
	}
}

    Best regards,
    Vinay

    Best regards,
    Vinay

    July 4, 2019 at 10:39 am #1115696
    jonrouse

    Perfect! Thanks Vinay.

    July 4, 2019 at 8:55 pm #1115903
    Victoria

    Hi jonrouse,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.