Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 6, 2018 at 1:28 pm #922253
    ZOUT

    Dear Kriesi,
    We use a tab section on one of our pages. Each tab contains a text field as well as an image, see: https://zoutdesign.nl/services/

    When on mobile the images won’t load inside the tabsection. Usually the first (default opened) tab show an image, but when you go to another tab the image won’t load.
    Can you please help me out?

    Kind regards, Jurg

    March 6, 2018 at 2:05 pm #922291
    Nikko

    Hey Jurg,

    Can you post a screenshot on how it looks on your mobile device? are you using android phone or iphone?

    Best regards,
    Nikko

    March 6, 2018 at 2:45 pm #922315
    ZOUT

    Hi Nikko,
    Thanks for following up so quickly!

    We noted this issue on multiple Android devices (latest Andriod version). Also some of our friends noted this issue (we ve both Android and IOS users).

    For a screencapture of my mobile phone: no image showing on mobile
    When you visit this exact same url on desktop the image will show. Also when you switch between the tabs, images of others tabs wont load as well.

    March 6, 2018 at 8:21 pm #922484
    ZOUT

    In addition:
    When you refresh the page on your mobile phone the image for this specific tab will load. When you switch to a different tab, image won’t show.

    To help you reproduce this issue on mobile, please visit: https://zoutdesign.nl/services/
    You will note that the image in the first tab appears but as soon as the #addition ads to the url the image won’t load:
    #logo-en-huisstijl, #drukwerk, #infographics and #interactie-design

    Hope you can help me out!

    • This reply was modified 7 years, 2 months ago by ZOUT.
    March 6, 2018 at 10:09 pm #922525
    ZOUT

    After some puzzling I think to have found the source for this issue. It has to do with the animations for each image.

    The images in each tab have a pop-up animation. When I changed the animation effect to none, the images appear when switching between tabs. The div is still animated with a swipe from left to right, but the content element (image) inside doesn’t have an animation.

    This works for our site, so we are very relieved :)

    I am still curious whether there is a fix to to this, or is it rather logical that you can only animate the div or element?

    March 7, 2018 at 8:36 pm #923290
    Basilis

    Hi,

    Actually that is an issue that is normal to happen.
    When you change the tabs, the problem come up because the animation code cant be executed.

    The tabs are been loaded from the start as a code, and the animations want to be loaded on ” screen view “.

    There is no solution for that at all we are afraid.

    Best regards,
    Basilis

    March 12, 2018 at 10:34 pm #925767
    ZOUT

    Hi, Thank you for your reply. I guessed so. I m glad that I found out a way to resolve the issue. Thanks again.

    This post can be locked.

    March 13, 2018 at 4:18 am #925850
    Nikko

    Hi,

    Glad that you resolved it. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘issue tab section – images on mobile wont show’ is closed to new replies.