The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] Extend nav bar to the left
See how I extended this nav bar using box shadow. How do I do the same thing to the left side?
Use another box-shadow?
You can have more than one.
Frankly though you’re after “full width browser bars” and Chris has an article on that:
To my mind though, it’s a lot of hassle that can simply be fixed by closing the “container”…have a new 100% wide div..and opening a new container after that.
Then you can add a centered inner container inside the full width bar.
“container” is just a class…not an absolute rule that everything must be inside one single container.
I was able to just separate the properties with a comma and add the box shadow on the left. It’s been applied here.
box-shadow: 500px 0 0 #0096db, -500px 0 0 #0096db