Samsung Mobile Browser's Invisible Icons

Hello World,

While attempting to recreate one of Webflow wireframe templates. I’ve noticed an issue with displaying icons made out of Link blocks and images on Samsung’s mobile browser.

Original Template Site webflow.com/templates/html/portfolio-wireframe-template

Samsung Browser (Samsung Note 5)

Chrome Browser (Samsung Note 5)

FireFox Browser (Samsung Note 5)

Recreate http://re-wireframe1-jcr.webflow.io/

Samsung Browser (Samsung Note 5)

Chrome Browser (Samsung Note 5)

FireFox Browser (Samsung Note 5)

Only after moving somethings around wasI able to firgure out the issue has something to do wth the link block and image style combination. Completely lost from here. Please help!

Thanks

https://preview.webflow.com/preview/re-wireframe1-jcr?preview=fa0f0080ce495d36ef68e732eedc348e

Sometimes the Samsung mobile browser doesn’t handle svg correctly in certain layouts. I couldn’t tell if that was the situation here but you might try hiding your current elements and using a png to see if the problem resolves.

1 Like

Thanks I will give this try, and see how things turn out.

Hi @mcmlxxx8, I am sorry to hear about the trouble, when I looked on a galaxy 8 device, the icons showed up, so I think this is an android/browser rendering issue on that specific phone/os/updates: Image 2017-10-20 at 9.32.35 AM

​Here is what I see on Galaxy Note 4 (Samsung Browser (Samsung Note 4): Image 2017-10-20 at 9.35.17 AM

​I hope this helps, I might try reloading all phone updates and check again.

Dave,

Thanks for your response. After messing around with my browser, I was able to firgure out the rendering problem actually stemmed from a browser extension I was using lol.

Thanks again. This was definitely a learning experience.

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.