html - All kinds of problems with Foundation 4 (Zurb) - One page -


so first time trying use responsive framework...also new building responsive sites in general - had lot more luck building them scratch , sizing each element...though foundation seems better solution if head around it!

work in progress here: http://client.analog.la/360/

it's behaving 'alright' in desktop browsers (resizing down 400) except problem menu - issue i'm having trying menu drop down below logo , centered.

on actual mobile , tablet having way more issues...the menu sitting above , whole layout or 1 side , not dropping down @ all. on ipad whole layout seems 95% page width random margin down right hand side...on iphone whole layout seems 50% width...which looks...awful. there's discrepancy between how layout looks on devices vs. how looks on desktop @ same resolution i'm bit baffled...also, not sure went wrong sizing make wrong on devices!

any massively appreciated!

thanks,

not sure if you're still looking on this, there number of issues in codebase, , it's hard ones causing behavior you're trying address. first div uses columns class, it's not nested in row. elsewhere, have rows nested in other rows no apparent benefit, more columns nested in other columns without interposing row, , nested rows aren't set collapse. you're using spacer.png in few places, reduced me tears.

and top level headers in spans instead of h1. guess here attempting sidestep foundation's default styles? use class. need h1s seo, semantics, etc.

no insult intended, might check out treehouse , sharpen coding skills - save lot of time , frustration in future work.


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -