Realtree

mobile bugs

Posted by Taylor Bernard on August 13, 2015


header - huge. almost half the height of visible screen. section size is fine. header logo is to big. could be almost half that size

copy - 'realtree xtra colors' line spacing bad. 'colors' is on 2nd line and is overllaping about 20% into the top line. font size could go down a good bit on size.

bg video - not playing. not resizing.

shoe bg image. not resizing.

gear color . swatches gridding correctly. but not centered. left aligned with text (below are...) which is about 20px off left side. so about 20px on left. 80px on right.
swatches pretty large, and if you scroll thru them and hit one, have to page up almost 2 pages to get back to the gear to see the change.

map- to tall, if you wipe down to it, you can get 'stuck' so header butts up to map, map butts up to bottom, and you cant scroll down page, just map is visible.

form - 'message' pre-type copy doesnt have same spacing as other fields. its left aligned in the txt field. top margin spacing is fine, like others.

footer - 'site by: angry bear'.  looks like the 2 'site by' and 'angry bear' has diff top margins. 'angrybear is about 4 px lower down than 'site by'.

Comments

Taylor Bernard on August 13, 2015:


'12 but wonder if this is the issue.

Justin Bernard on August 13, 2015:

totally the issue.  apprently they shut down these autoplay bg videos with ios6.  bandwidth reasons, they have no way of knowing if its a wifi or cell connection, phone or tablet.

Justin Bernard on August 13, 2015:

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

Justin Bernard on August 13, 2015:


see if anyone has good work arounds that look decent.  i'm all night on this crap till all done, need final build to client in morning.

Justin Bernard on August 13, 2015:


what you mean by 'shoe bg not resizing', like its not parllaxing/moving, or its not covering the area it needs to?  and if its not covering the area, hor or vert?

Taylor Bernard on August 13, 2015:

its not scaling down for phone. all you see is red pattern in a huge eyelette.

Justin Bernard on August 13, 2015:

k

what did you use to generate that google map embed code

i need it to redraw the map on resize of screen

i found some simple resize funcitons, but they arent working

Taylor Bernard on August 13, 2015:

http://stackoverflow.com/questions/12496144/can-you-autoplay-html5-videos-on-the-ipad

maybe something here

Taylor Bernard on August 13, 2015:

map

https://mapbuildr.com/