Streaming live at 10am (PST)

Fixing Navbar to top while having images slide under it?


#1

I am in need of some help here. I have a slider that I need to have going in the header, I need the navbar to be somewhat transparent so it appears as though it is sitting on top of the image sliding. Follow?

I feel like it is probably simple fix to what I have, but I'm reaching out cause I'm stuck.


Here is my public share link: https://preview.webflow.com/preview/sooner-spine-redesign?preview=2d23e3766a42a5ba3eef2dabee209658
(how to access public share link)


#2

See this tutorial:


+
General CSS tutorial:
https://www.w3schools.com/howto/howto_css_fixed_menu.asp

In your code you have DOM problem. Dont put the navbar inside the slider.

Like this and thats it. it will work

Out of topic. Its more semantic to give the navbar the html5 Element nav

Also in your slider its better UI/X with arrows + slidenav (dots) - you remove both


#3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.