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

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #205806

    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.