Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 22, 2018 at 12:30 am #930967
    jleclair87

    I have a phone icon in my header (left) I would like to have the animation removed. I tried this thread and it kinda worked but not really. https://kriesi.at/support/topic/enfold-remove-the-fade-animation-of-icons-loading/?login_error

    How do I disable the animation for this icon?

    March 22, 2018 at 4:50 pm #931441
    Vinay

    Hey jleclair87,

    Nice looking site!

    To remove the icon loading animation please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    xxx

    /* Remove icon loading animation*/ 
.avia_transform .av_font_icon,
.avia_transform .avia_start_delayed_animation.av_font_icon {
-webkit-animation: none!important; 
animation:         none!important; 
opacity: 1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}

    Best regards,
    Vinay

    March 22, 2018 at 7:36 pm #931585
    jleclair87

    Thanks vin, that worked. I noticed though the icons still jumps in on every page in the header where other elements stay. Anyway to fix that? if not dont worry about it

    March 22, 2018 at 9:16 pm #931643
    Basilis

    Hi,

    Happy we got it short out.
    BTW the site is really nice, I would suggest just to make here the one section to go full height
    https://s.nimbus.everhelper.me/share/1578720/2gtae1u5baiwgvmiebzv

    and remove the space between the other two. Then it will look amazing!

    Best regards,
    Basilis

    March 23, 2018 at 11:04 pm #932136
    jleclair87

    Thanks @basilis, is there anyway to make the icon not jump in and always show?

    March 24, 2018 at 9:02 pm #932479
    Vinay

    Hi,

    Did you get this sorted? I don’t see the issue you mentioned on the above link.

    Best regards,
    Vinay

    March 26, 2018 at 7:03 pm #933146
    jleclair87

    The icon still pops up… anyway to make it not do that?

    March 26, 2018 at 7:45 pm #933166
    Jordan Shannon

    Hi,

    Are you wanting to remove the phone icon completely?

    Best regards,
    Jordan Shannon

    March 26, 2018 at 7:54 pm #933173
    jleclair87

    no just the animation. I like the icon. It just pops up on every page. Is there a way to remove that? sorry if I wasn’t clear…

    March 26, 2018 at 7:56 pm #933175
    Jordan Shannon

    Hi,

    I am no longer seeing the animation. It is loading/appearing static. Have you cleared your cache a few times over?

    Best regards,
    Jordan Shannon

    November 16, 2018 at 9:27 am #1034334
    Coxrange

    Hi,
    I have the same problem. In some browsers, e.g. in Chrome, the icons don´t load. I´ve tried your CSS, but it doesn´t work.

    Please can you help me?

    Kind regards Elke

    November 17, 2018 at 6:42 am #1034661
    Rikard

    Hi Elke,

    Thanks for the link, though the icons are displaying fine on my end using Chrome. Please try clearing your browser cache and reload the page to see if that helps.

    Best regards,
    Rikard

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