If you tried our first post where we moved the nav menu, you may notice a very nasty little border issue between the bottom of the header and the top of the nav menu. Yes, it is ugly and you need to get rid of that. Guess what? It is super easy. Here we go:
- Follow the first four steps in the linked post.
- Right click custom.css and select your favorite editor for CSS files. You may use textedit for mac.
- Scroll down past all the Chris Pearson jibber jabber (we still love him) and create a couple spaces after it.
- Type the following:
.custom #header { border-bottom: none; } - Save it (and load it on your server if you must).
Done-zo. That looks so much more clean and crisp. Most important, it was insanely easy.
{ 1 trackback }
{ 1 comment… read it below or add one }
Matt – I tried this, but I’m still getting some space above and below the header – should there be additional code to resolve?