Streaming live at 10am (PST)

Having trouble with animated background and placement


#1

Hey Guys,

I'm having trouble with my site. ucon2015.webflow.com - here is the read only. https://webflow.com/design/ucon2015?preview=4388e40e5ee1ff3838730cb06268d91b

  1. It seems that in chrome on my machine (windows 7) everything lines up fine, looks great. But on my wife's mac the top most image is off the top of the screen, and on IE the video doesn't even display.

  2. Also, is there a way to have a static image so it doesnt show up as black when the page starts loading?

  3. And lastly, it seems like when the site resizes to the browser the hero text and image go off screen.

This is the way its supposed to look: http://i846.photobucket.com/albums/ab27/frantzw/hero_zps8d0a43e6.jpg
This is the way it looks in IE: http://i846.photobucket.com/albums/ab27/frantzw/IE_zps7a6c470f.png


#2

Hi @Deisic, regarding the image that is getting cut off, it looks like you have a transform on the Container element of Move Up 191px, so this causing the image to go above the viewable area.

See my screenshot, you should remove the transform property on the Container.

https://www.evernote.com/shard/s505/sh/c57018ba-a68f-4c63-835d-586ad93e09a1/ecbad76f084dda426152d1137ca8bec1

If you clear that, it should help. I am not sure about question #2, I guess you have to try to keep your video size as low as possible, that would require more investigation of the design.

On #3, select the text and make sure the element is centered with left and right margin set to auto and no left padding or margin (except for auto).

I hope that helps, let me know. Cheers, Dave


#3