Forums

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
    Posts
  • #205806
    jknetdesign
    Participant

    See how I extended this nav bar using box shadow. How do I do the same thing to the left side?

    http://heisingerrealestate.com/

    #205807
    Paulie_D
    Member

    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:

    https://css-tricks.com/full-browser-width-bars/

    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.

    #205820
    jknetdesign
    Participant

    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

    http://new-publicwaternow.nationbuilder.com/public_ownership

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