How to add border to menu bar

Hi, I created a twenty-sixteen child theme and I can’t seem to figure out how to put a horizontal grey line above and below my menu bar.

.main-navigation {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

I would also like to put a light grey horizontal line between my right sidebar and my content area.

#primary {
  border-right: 1px solid #cecece;
  padding-right: 20px;
}

For this to work, you’ll also need to delete

#primary {
  border: 0;
}

from your custom CSS plugin.

Thanks.

I was able to get the horizontal grey line between my sidebar and content area but still cant get the borders on the menu bar to work. There must be something im still doing wrong

https://www.beverlyhillsmdliftandfirm.com/

You’ve got some stray CSS left over on line 34 of your custom CSS plugin:

border-bottom:1px solid #000;

which is causing parsing errors. Delete that line and you should be good to go.

Worked like a charm Thanks a lot