Line Appears In Menu When BG Color is not purple

Found the problem.

.main-navigation li {
  border-bottom:1px solid #615F8B;
  display:block;
  padding:0;
  position:relative;
}

If anyone else is having the same issue, just remove the border in your child’s css.

Hi there!

I’m glad you were able to find the problem and thank you for sharing your solution. ??

For other who come across this thread: Please do not edit your theme’s files directly. Any changes you make there will be lost when it comes time to update.

Instead, add the following custom CSS to resolve the issue:

.main-navigation li {
    border-bottom: none;
}

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

I’ll also get this reported back to the theme’s author as I agree that line shouldn’t appear after changing your header’s background colour.