Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 11, 2018 at 7:58 pm #955425
    katak97

    Hello,

    I would like to remove the default setting of displaying of Icon element which is to pop up. Not in every case is this element working (especially when I have it in footer). Could you help me with some custom css how to remove it please?

    Icon style is standalone icon with border and optional caption

    Thank you if it will be possible.
    Best regards,
    Jakub.

    May 12, 2018 at 10:31 am #955650
    Victoria

    Hey katak97,

    Do you mean you want to remove the icon animation in the footer? Could you please attach some screenshots of the issue?

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    May 13, 2018 at 2:01 pm #956029
    katak97

    Hey,

    yes of course. There is an example site. There is a Tab section, if you scroll down at first page – those icons show up with POP UP effect.

    I have icons even in footer and if you scroll down to the footer in any other page it is okay. But if you will not scroll down in first page of Tab section, so you will click on the next Tab before scrolling and then you scroll down, sometimes those icons in footer don’t pop up and stay almost invisible.

    How could I remove this POP UP effect? The best would be if I could remove POP UP effect only in footer if possible.

    Hope you understood.
    Best regards,
    Jakub.

    May 13, 2018 at 4:40 pm #956057
    Mike

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

    #av_section_2.footer_color .av_font_icon.avia_animate_when_visible {
    -webkit-animation: none !important;
    animation: none !important;
}

    Best regards,
    Mike

    May 14, 2018 at 8:12 am #956290
    katak97

    Hey,

    thank you for the advice. I have done that – check what is it doing now. Icons seems to be still hidden (they are small) till I scroll on that level (then they will appear in their full size). I would like to have them still visible (full size) in footer as a static thing.

    Is it possible?

    Best regards,
    Jakub.

    May 14, 2018 at 11:02 am #956361
    Mike

    Hi,
    Thank you for the feedback, please try adding this code also:

    #av_section_2.footer_color .avia_start_animation {
opacity: 1 !important;
-moz-transform: scale(1 !important);
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
-webkit-animation: none!important; 
-moz-animation: none !important; 
-msanimation: none !important; 
animation: none!important; 
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    May 14, 2018 at 2:25 pm #956468
    katak97

    Hey,

    Perfect! It works as I wished, thank you a lot Mike.

    Best regards,
    Jakub.

    May 15, 2018 at 3:24 am #956775
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Remove poping of Icon element’ is closed to new replies.