Tagged: , , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 14, 2020 at 12:12 pm #1237770
    Morticka

    Hi guys,

    I have three “tab sections” on one page. In all three tab sections I used icons in the last tab.

    In the first tab section, none of them load fully (you can hardly see them)
    In the second only the first icon is hardly visible
    In the third tab section, all the icons are visible.

    Wordpress and Enfold are updated to the latest versions.

    (I had the same problem with the timeline on mobile and Victoria knew how to fix it: https://kriesi.at/support/topic/responsive-issue-with-timeline-element-not-correctly-loading-on-iphone/#post-1231825 Is there a similar solution for this problem?)

    How can I fix this?

    Sincerely,
    Morticka

    August 18, 2020 at 5:19 pm #1238827
    Morticka

    Hello, anybody home?

    August 19, 2020 at 11:14 am #1239120
    Morticka

    Can anybody help me???

    I can’t launch officially until this problem is solved, it’s been 5 (!!) days now without any response to this ticket.

    HELP PLEASE

    August 20, 2020 at 4:59 am #1239376
    Ismael

    Hi,

    Sorry for the delay. Looks like the issue occurs randomly. We suspected that the issue is cause by a lazyload plugin or script, but we didn’t find such option anywhere in the site, so it’s probably cause by something else.

    Have you tried disabling the plugins temporarily?

    Best regards,
    Ismael

    August 20, 2020 at 8:46 am #1239473
    Morticka

    Hello,

    Yes, I’ve temporarily disabled all the plugins, but the problem still exists.

    Do you have a solution?

    Sincerely,
    Morticka

    August 21, 2020 at 9:42 am #1239770
    Morticka

    Hello?

    This problem also occurs on the live site

    What I don’t understand, on desktop it works perfectly.

    Can I turn the effect off only on mobile? Or as I have stated in this opening ticket, is there a similar solution like the one that was applied to the timeline?

    <EDIT> In the mean time I have turned off the animation of the icons on the live site, so that they appear on mobile. A very simple and obvious workaround which I was to stressed to think off before.

    It’s not a perfect solution, because the problem still exists and I would still like everything to work as it should, so if you could solve this problem or point me in the right direction, that would be great.

    • This reply was modified 3 years, 11 months ago by Morticka. Reason: Found a temporary workaround, but still need the solution
    August 25, 2020 at 5:04 pm #1240706
    Ismael

    Hi,

    Thank you for the update.

    We can’t reproduce the issue in the site anymore. Looks like disabling the animation did work in this case. If the issue still occurs randomly, please try to add this css code.

    .av-tab-section-image {
	display: block;
	filter: grayscale(0);
	opacity: 1;
}

    Best regards,
    Ismael

    August 25, 2020 at 5:40 pm #1240717
    Morticka

    Hello,

    Thx for the reply.

    I still have the issue on the staging site (I only turned off the animation for the live site).

    Inserting the code you gave me did not work.

    Do you have another solution?

    Sincerely,
    Morticka

    • This reply was modified 3 years, 11 months ago by Morticka.
    August 28, 2020 at 3:36 pm #1241617
    Ismael

    Hi,

    We did check the staging site previously and we couldn’t reproduce the issue. We refreshed the page a few times just to check if the issue is still random but we are not able to reproduce it anymore. We checked the site on Firefox Windows 10.

    Best regards,
    Ismael

    August 28, 2020 at 3:46 pm #1241620
    Morticka

    Hi,

    The issue happens on mobile, not on desktop. It happens on android and iphone.

    Sincerely,
    Morticka

    September 2, 2020 at 6:17 pm #1242883
    Ismael

    Hi,

    Sorry for the delay. We checked the site on a mobile device emulation, but we couldn’t reproduce the issue. Would you mind providing a screenshot of the missing icons?

    Best regards,
    Ismael

    September 2, 2020 at 7:17 pm #1242895
    Morticka

    Hi Ismael,

    Ofcourse. New one in the private content, just took it a couple of minutes ago. As you can see, the issue is still there. The icons do not load.

    Sincerely,
    Morticka

    September 8, 2020 at 5:13 am #1244148
    Ismael

    Hi,

    Thank you for the screenshot.

    We were actually checking the icons in the tab section title, not the content. To make the icons visible or to disable its animation on mobile view, we added this code in the Quick CSS field.

    @media only screen and (max-width: 1024px) {
    #top .av_font_icon {
	animation: none;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
    }
}

    Please make sure to purge the cache before checking the page.

    Best regards,
    Ismael

    September 8, 2020 at 12:06 pm #1244269
    Morticka

    Hi Ismael,

    Great, that works, thx!

    You can close this ticket.

    Sincerely,
    Morticka

    September 8, 2020 at 7:31 pm #1244414
    Victoria

    Hi Morticka,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

    September 8, 2020 at 7:32 pm #1244415
    Victoria

    Hi,

    Best regards,
    Victoria

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Icons in tab section do not fully display or load on mobile’ is closed to new replies.