Logo disappears from naked header when scrolling.

[ttaillie]

On two of my pages where the naked header is in use, my logo disappears when scrolling leaving only the navigation menu. It works fine on other pages w/o naked header.

Also, on mobil device, logo looks squished. Can I set different size parameters for that format?

(New to wordpress and no programming bg. Please respond with detailed instruction.)

Thanks!

[Kyle – SUPPORT]

Hi

Logo still shows for me: http://d.pr/i/1l8ES/nckkYgzQ

– Kyle

[ttaillie]

Hmm. Must have something to do with my Retina screen. Just guessing.

[Kyle – SUPPORT]

You’re right.

Add this to your custom css:

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

.naked-header.naked-light #header-section .sticky-wrapper.is-sticky #logo.has-light-logo img.retina, .naked-header.naked-dark #header-section .sticky-wrapper.is-sticky #logo.has-dark-logo img.retina {
  display: inline-block!important;
}

}

– Kyle

[ttaillie]

Thanks so much, Kyle. Now, could you provide detailed instruction on how to include this code, as in exactly where to click and place it? Sorry, but I’m a total Newbie at this and I’m afraid I’ll break something. #codeisscary

Thanks You!

[Rui Guerreiro – SUPPORT]

Hi,

In the admin go to Theme options-> Custom css/js
Paste the code provided in the first text area(custom css)

that’s it.

-Rui

[ttaillie]

Yay! It worked. Thank you so much!

[Rui Guerreiro – SUPPORT]

No problem. Thanks Kyle.
-Rui