Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 2, 2017 at 11:05 pm #803212
    mleite1

    Grid row animated numbers

    On the desktop it works fine. On the Iphone 7 works well (could be smaller) But on the Samsung tablet is not cool. Very disorganized information.

    How to solve this?

    PRINCIPAL2

    LINK IMAGES

    View post on imgur.com

    June 3, 2017 at 8:51 am #803317
    John Torvik

    Hey mleite1,

    May you provide to us your WP credentials?

    Best regards,
    John Torvik

    June 4, 2017 at 10:55 am #803554
    mleite1

    No problem…

    June 4, 2017 at 3:34 pm #803613
    Mike

    Hi,
    I added this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 1440px) {
span.avia-no-number, .avia-single-number, div.avia-animated-number-content {
  font-size: 12px;
  left: -10px;
  position: relative;
}}

    Feel free to tweak the font-size to suit :)

    Best regards,
    Mike

    June 5, 2017 at 12:12 pm #803842
    mleite1

    Thank you very much. But I have a correction. Help me.

    The separator line is centered in the box. But the text below that line was not aligned with the center. How to center text box?

    June 7, 2017 at 4:06 pm #805133
    Victoria

    Hi mleite1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
span.avia-no-number, .avia-single-number, div.avia-animated-number-content {
  left: 0;
}
span.av-seperator-icon {
    line-height: 28px;
}

}

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

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