Background Header Image Not Showing in Firefox for Android

Background Header Image Not Showing in Firefox for Android
0

#1

As mention in the above… I am totally lost as to why this isn’t working. Could it be that I need to include some webkit extension css rule? maybe the image is just taking too long to load for the mobile browser?

Here is the link: https://codepen.io/SkyyCipp/pen/JKNOqY/

I have been stuck on this issue for a while now and would really appreciate some help. I’m also not sure if it’s the same for Iphone (Don’t have one).

Thanks in advance.


#2

Images from imgur don’t work well with codepen.

Related:


#3

You can try cloudinary.com, make an account and upload your pictures on there that way you can href="#" your pics to your codepen


#4

FYI, your Codepen account grants you permission to use CrossBrowserTesting for free for your pens. If you click on the ‘Change View’ drop-down in Codepen, you’ll see the link. It allows you to test on a variety of “real” devices (Windows, Mac, etc desktops, various mobile phones and tablets). It’s not 100% accurate in my experience, but if you don’t have an iOS device, it’s better than nothing! YMMV.


#5

Thank you to everyone for the help :slight_smile: All answers are appreciated!