javascript - Top navbar items cutting off picture below -

i'm using materializecss style website creating.

in order me navbar items towards bottom of navbar, applied top margin items (#normal-nav). unintended side effect, picture below navbar gets clipped reason. if remove margin applied li, well. not sure i'm doing wrong.

here issue replicated in jsfiddle. in order see issue i'm having, you'll need make window rather large--i have setup items appear on desktop-sized displays.

instead of top-margin try :

#normal-nav {     top: 64px;     position: relative; }