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 h1
s seo, semantics, etc.
no insult intended, might check out treehouse , sharpen coding skills - save lot of time , frustration in future work.
Comments
Post a Comment