Cannot find where the mobile navigation background colors are coming from. Unwanted gradient.

[onstage]

Somehow, I got stuck with having a gradient background for my mobile navigation. I was playing around with gradients for header backgrounds and have since switched to a solid color, but the old gradient somehow also got applied to my mobile navigation with seemingly no way to change it.

I'm able to update some colors (the bottom of the nav) by changing the colors in "Site Design", but the other (seemingly 2) colors remain unchanged no matter what I do.

I even blew up my whole site style trying to track down just exactly how this works, and I'm no closer. Now I have a solid color background, that's clearly tied to the default style's background color (👍), but I still have no idea how (if I wanted to) to bring back or control the gradient.

Also, is there no way to remove secondary colors from your palette once you've added them?

[Gold · Accepted solution]

HI, within the Editor, at the top, select the down arrow to select Mobile, then select header to proceed to change the color/background. 

[onstage]

I'm able to update the header that way, but no combination of Color Style or Background Color seems to be inherited by the mobile nav. Changing the Color Style changes the solid background for the nav drop-downs on dekstop, but has no effect on the mobile view.

The only thing I've found that has an effect is changing the background color for the Default Color Style. And like I said, I'm able to change that now, but still have no idea how I got the gradient there to begin with or how I would control that if I wanted to.