Engellant: Sumthing like this http://prntscr.com/8hkr1y
Eddins: Vinex08: your background-position is ‘top left’, so the backgrounds are aligned…to the top left corner
Mangum: Eddins: can i add a little bit of top padding/margin in there? maybe a couple of pixels only . if i make it center left, it will go all the way down
Eddins: Vinex08: sure – you can feed it pixel values, percentages, etc
Bergstrom: I guess it’s not possible, because im using the image as my background right? is there an alternative way to change the list-style-type?
Eddins: Vinex08: it IS possible – I just told you
Eddins: Vinex08: http://jsfiddle.net/zL13dfro/1/
Simoneavd: So instead of top left you replaced it with numbers
Nedelman: Additional knowledge, thanks! :
Zyla: Could anyone help me with this mobile problem I’m having. For whatever reason, my header image isn’t appearing correctly on mobile. Site: http://supercr3w.com/
Vose: This is what it looks like on IE mobile good: https://www.dropbox.com/s/rt2i11bna8d9ano/Screenshot_2015-09-17-23-50-34.png?dl=0
Carrelli: Https://www.dropbox.com/s/2ojy4egonud904y/Screenshot_2015-09-17-23-50-46.png?dl=0 – chrome / safari on mobile do not
Eddins: Marshyy: loads nicely for me on ios simulator https://www.dropbox.com/s/rhzc1qocajv7hur/Screenshot%202015-09-18%2013.19.30.png
Panyko: I don’t get it why chrome isn’t working on mobile. I’m on android
Lodrigue: Marshyy, http://blog.cloudfour.com/safari-6-and-chrome-21-add-image-set-to-support-retina-images/
Timmreck: Lodrigue, it’s the same image on mobile/desktop. I just have it set a little different in the container
Dolinar: On desktop, I have it “background-size: cover; & height: 600px;”
Skea: On mobile, I have it “background-size: contain; & height: 300px;”
Lodrigue: Seems you confused the pixel and the retina-pixel meanings.
Lodrigue: I tested it on old safari and works well.
Lodrigue: If you have an iPad which is 2048×1526 pixel resolution, do you relly think if that is so big?
Lodrigue: Thats still 768×1024 px retina-pixel sized.
Liskey: My s5 shows it as https://www.dropbox.com/s/2ojy4egonud904y/Screenshot_2015-09-17-23-50-46.png?dl=0
Immediato: Not sure what I’m doing wrong
Guidera: I removed the -webkit-device-pixel-ratio: 2 stuff
Trbovich: Still shows up like that though
Matthys: It works on IE and Firefox but not Chrome. no love for chrome _
Lodrigue: Marshyy, try simply this: http://jsfiddle.net/zowcdhj8/
Lodrigue: You overcomlicated a little
Spath: Weird: http://supercr3w.com/
Lodrigue: Try relative path the to the image
Lodrigue: Marshyy, try this link on your mobiles: http://www.magyarmenedek.com/vegyes/supercrew.html
Lodrigue: I’m pretty sure if it does what you need :
Knockaert: Lodrigue, it disappeared =/
Guardado: Header gone! http://supercr3w.com/
Lodrigue: Marshyy, the .parent {display: table;} kills your header
Lodrigue: Add back the width: 100% to the #welcome
Sirico: Add back the width: 100% to the #welcome
Postma: Lodrigue, it works on desktop, but mobile still hates me = http://i.imgur.com/2QGsxpb.png
Lodrigue: Add background-repeat: no-repeat; to the #welcome :
Hilyar: It’s been a long time since I had a z-index issue like this: http://codepen.io/opus13/pen/WQwzKQ
Gergen: What Am I doing wrong? all the positions and z-ind’s are set. but i cant get the animation behind the parent element
Duerst: Lodrigue, it works on desktop, still getting this on Chrome mobile; http://i.imgur.com/coyIOzz.png
Baskow: Works on Firefox mobile
Lodrigue: Because you have height: 100vh defined at line 660 in the css