Streaming live at 10am (PST)

Fixed position navbar above slider


#1

Just a quick question: Placing a fixed navbar above the slider element causes the slider to move up to the top under the navbar. That may be ok with a transparent navbar but with color the nav then hides part of the slider.

I assume the only way to begin the slider below the nav is to add top margin to the slider to pull it down? This doesn’t flow to well as the site moves to mobile since the position of the nav changes. Any other options?


Here is my site Read-Only: https://preview.webflow.com/preview/arnica?preview=2c8c9b52f3cce821122d751a8c6e134c


#2

Edited to fixed for clarity. sticky has a different meaning.


#3

You should add padding-top (not margin-top) to the body, equal to the height of the fixed nav.


#4

Padding to the body… ok. I’ll give that a try but will need to adjust in mobile, I assume.

Thanks Sam