Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 8, 2022 at 10:34 pm #1375605
    Marina

    Hello,

    I have an issue with on hover animation of images with links in the sidebar. If you reload the page (link1) and hover with the mouse over any image in the sidebar for the first time, then the effect is like it is shown on the first screenshot (link2). If you hover again with the mouse over the same image then the animation is as it should be (link3). Is it possible to have the correct animation for the first time as well?

    Thank you,
    Marina

    December 9, 2022 at 9:36 am #1375629
    Ismael

    Hey Marina,

    Thank you for the inquiry.

    Did you install a lazy load or any image compression plugin? The issue occurs because the script that positions that image overlay fails to correctly calculate the actual position and size of the images. To fix the issue, you can try this css code.

    .avia_transform a .image-overlay {
    top: 0 !important;
}

    Best regards,
    Ismael

    December 10, 2022 at 12:17 am #1375734
    Marina

    Hi Ismael,

    I use the ShortPixel plugin, and your code works perfectly. Thank you for help, you can close the ticket.

    Best regards,
    Marina

    December 10, 2022 at 12:42 pm #1375754
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hover animation of image links in the sidebar’ is closed to new replies.