missing lines in nav bar

How do I add bottom border so that my tablet and mobile pages have a white line betwen nav buttons.  Right now, there is none.  I put red arrows in where I want white 1px border to appear.

http://screencast.com/t/fzLzpvIoV

http://nsitedesigns.com/nsitedesigns/wrb/test.html
nsitedesignsAsked:
Who is Participating?
 
GaryConnect With a Mentor Commented:
My bad it should be .nav > li {}
Line 132 again.
0
 
GaryCommented:
Add to .nav ul {}

border-bottom: 2px solid #FFFFFF;
0
 
nsitedesignsAuthor Commented:
I did add to screen_styles.css linke 72 and it display in desktop but not for tablet or phone.  I thought that if i DON'T make a note on changing something for a small or medium layout, that it will carry that design over to all 3 sizes.  Was I wrong?  Where did I mess up?


.nav ul {
    list-style: none;
    width: 9em;
	border-bottom: 1px solid #FFF;
}

Open in new window

0
The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

 
nsitedesignsAuthor Commented:
That fixed it.  What does  the >li mean?  That is a new css code that was provided to me.  I never used that before.
0
 
GaryCommented:
> means only immediate children.
If you had the following it would only apply to the LI's I've indicated as they are immediate children

<style>
ul > li {width:100px}
</style>

<ul>
     <li> // This is an immediate child of UL
          <ul>
               <li> // This is not a immediate child
               </li>
          </ul>
     </li>
     <li> // This is an immediate child of UL
     </li>
<ul>
0
 
nsitedesignsAuthor Commented:
man this coding can get complicated eh?  Thanks for the explanation!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.