Background color for header and sidebar doesn't render

  • I must hack customizer.php in order to correctly render the header background color on small screens and the sidebar background color on wide screens:

    /* Sidebar Background Color */
    body:before,
    .site-header {
    background-color: {$colors[‘header_background_color’]} !important;
    }

    @media screen and (min-width: 59.6875em) {
    /* Make sure its transparent on desktop */
    .site-header,
    .secondary {
    background-color: transparent !important;
    }

    Tested in firefox, opera, chromium and safari browsers

Viewing 1 replies (of 1 total)
  • Thread Starter miguel_angel

    (@miguel_angel)

    Thank you for your answer, but that is not the question.
    The issue is that even if I select the Header and Sidebar Background Color in Dashboard->Apperance->Customize->Colors, that color isn’t rendered!, the background color in header or sidebar I see is the main background color. So, adding the !important rule to CSS, browsers render the background color I selected ok.

    The expected behaviour is ok while you’re in customize screen and change the colors but when you save the changes and visit the blog, the issue happens.

Viewing 1 replies (of 1 total)
  • The topic ‘Background color for header and sidebar doesn't render’ is closed to new replies.