My navigation bar has lines in it between each tab. I noticed that it goes away when I deactivate Easy WordPress Donations Plugin. Please help?
Authors of EWDP changed their class names. Here is a quick fix.
1. open style.css
2. find this line:
#navigationBckg #navigation ul.navigation > li > a {height: 48px; line-height: 48px; padding: 0 22px; display: block; font-size: 15px; color: #fff; text-decoration: none !important; background: url('images/backgrounds/header/divider2.png') right center scroll no-repeat;}
and change it to read:
#navigationBckg #navigation ul.navigation > li > a {border: none !important; height: 48px; line-height: 48px; padding: 0 22px; display: block; font-size: 15px; color: #fff; text-decoration: none !important; background: url('images/backgrounds/header/divider2.png') right center scroll no-repeat; margin-right: 0 !important;}
3. find this line:
#navigation ul.navigation ul a {z-index: 220; padding: 9px 14px !important; color: #fff; font-size: 13px; font-weight: normal !important; text-align: left; text-decoration: none !important; width: 170px !important; min-height: 13px !important; height: auto !important; line-height: 18px; display: block !important; border-bottom: 1px solid #22475b; border-top: none; background: url('images/transparent.png') left top scroll repeat;}
and change it to read:
#navigation ul.navigation ul a {z-index: 220; padding: 9px 14px !important; color: #fff; font-size: 13px; font-weight: normal !important; text-align: left; text-decoration: none !important; width: 170px !important; min-height: 13px !important; height: auto !important; line-height: 18px; display: inline-block !important; border-bottom: 1px solid #22475b; border-top: none; background: url('images/transparent.png') left top scroll repeat; margin-right: 0 !important; border-width: 1px 0 !important; float: none !important;}
4. find this line
#navigation ul.navigation ul li:hover ul {left: 198px; top: 0px;}
and change it to read:
#navigation ul.navigation ul li:hover ul {left: 198px; top: -9px;}