![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: iPad, iphone, mobile, tab section
-
AuthorPosts
-
August 14, 2020 at 12:12 pm #1237770
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,
MortickaAugust 18, 2020 at 5:19 pm #1238827Hello, anybody home?
August 19, 2020 at 11:14 am #1239120Can 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 #1239376Hi,
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,
IsmaelAugust 20, 2020 at 8:46 am #1239473Hello,
Yes, I’ve temporarily disabled all the plugins, but the problem still exists.
Do you have a solution?
Sincerely,
MortickaAugust 21, 2020 at 9:42 am #1239770Hello?
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 4 years ago by
Morticka. Reason: Found a temporary workaround, but still need the solution
August 25, 2020 at 5:04 pm #1240706Hi,
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,
IsmaelAugust 25, 2020 at 5:40 pm #1240717Hello,
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 4 years ago by
Morticka.
August 28, 2020 at 3:36 pm #1241617Hi,
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,
IsmaelAugust 28, 2020 at 3:46 pm #1241620Hi,
The issue happens on mobile, not on desktop. It happens on android and iphone.
Sincerely,
MortickaSeptember 2, 2020 at 6:17 pm #1242883Hi,
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,
IsmaelSeptember 2, 2020 at 7:17 pm #1242895Hi 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,
MortickaSeptember 8, 2020 at 5:13 am #1244148Hi,
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,
IsmaelSeptember 8, 2020 at 12:06 pm #1244269Hi Ismael,
Great, that works, thx!
You can close this ticket.
Sincerely,
MortickaSeptember 8, 2020 at 7:31 pm #1244414Hi Morticka,
Great :)
We are closing the thread.
If you need further assistance please let us know in a new one.
Best regards,
VictoriaSeptember 8, 2020 at 7:32 pm #1244415Hi,
Best regards,
Victoria -
This reply was modified 4 years ago by
-
AuthorPosts
- The topic ‘Icons in tab section do not fully display or load on mobile’ is closed to new replies.