[Lightning theme] CSS (WordPress) that displays the logo image in the header even when scrolling

As you scroll down the page in the Lightning theme, the menu (navigation) part appears from above and the menu is fixed.

However, the logo image I set for the site is not displayed…. Here is how to adjust.

Adjust with CSS

Looking at the CSS, the header logo class is hidden when scrolled.

.header_scrolled .site-header-logo{
    display: none;
}

[rml_read_more]

In other words, I want to display this, so just set the following code with additional CSS and it will be displayed.

.header_scrolled .site-header-logo {
display: block;
}

Displayed!

summary

In this way, even when the logo image of the header is scrolled with the “Lightning theme”, the logo image can be displayed by adjusting with CSS.

Please refer to it.