Streaming live at 10am (PST)

Samsung Mobile Browser's Invisible Icons


#1

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


#2

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.


#3

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


#4

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: https://cl.ly/2s1I2n030K04

​Here is what I see on Galaxy Note 4 (Samsung Browser (Samsung Note 4): https://cl.ly/2n1R2Z372z0h

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


#5

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.


#6

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