Streaming live at 10am (PST)

How to accommodate design spacing for nav bar that isn't at the top

#1

Hello, my slightly different different vision for my nav bar is causing my styling problems. Currently it is not at the top, but a bit up from the top. (see screenshots.) It looks fine from my laptop and monitor, but my friend’s computer has the top of the text cut off behind the nav bar. Does anyone know of a way to style this so that everything underneath the nav bar (ex, the text which is cut off) is only allowed to go below the nav bar?

(Apologies for the poor naming in my files:)
site:
thebearspaw.webflow.io
read only:
https://preview.webflow.com/preview/thebearspaw?utm_source=thebearspaw&preview=8b2c6ff8338a093af8327ada1188ad1f

(Edited for clarity)

#2

@MaddisonHarder - Which “image” are you referring too? That is not clear to me.

#3

Sorry, I meant text. See how the top screenshot is all cut off?

#4

Video created to show you a method to address your issue.

Steps:

  • Moved navbar to be child of body
  • Added top-margin to parent section of “The Bear’s Paw” text

CloudApp

1 Like
#5

That WAS easy! Thank you so much, I appreciate it!

1 Like
#6

Sure. Glad I could help you!