Hello,

The responsive layout is different from the desktop. That is why you see another color. Please add this code into your Additional Css box in Customize, to change it to your wish:

@media (max-width: 480px) {
.header_container > .main {
    background-color: #c4272c !important;
}}

Change the color value to your wish.
-By default the top header does not show up in mobile due to the small screen width. You can add it by adding this code inside the above @media rule:

.header_container > .top_nav {
display: block !important;
}

But then still there are additional styling needed for it to look properly.
Please know that such customization are not included in support.

Best regards!

• This reply was modified 6 years, 8 months ago by Mirela.