Nxt3 Nxt3 - 1 year ago 48
CSS Question

Top navbar items cutting off picture below

I'm using MaterializeCSS to style a website I am creating.

In order for me to get the navbar items to be towards the bottom of the navbar, I applied a top margin to those items (

#normal-nav
). As an unintended side effect, the picture below the navbar gets clipped for some reason. If I remove the margin that I applied to the
li
, then all is well. Not sure what I'm doing wrong.

Here is the issue replicated in JSFiddle. In order for you to see the issue I'm having, you'll need to make the window rather large--I have it setup so those items only appear on desktop-sized displays.

Answer

Instead of the top-margin try :

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