Hi there,
The mobile header color actually inherits the settings under Colors > Primary Navigation.
Give this CSS a shot if you want the mobile header color to be different than the menu item colors on mobile:
@media (max-width: 768px) {
#mobile-header {
background-color: #cc0000;
}
.main-navigation .main-nav ul li a {
background-color: #0a0a0a;
}
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know ๐