Docs

[walt@nwd]

Hello,

I’ve made the changes at this thread:

https://community.theme.co/forums/topic/smaller-logo-when-scrolling/

But, my logo doesn’t show up!

Everything else seems right, and I like the way it is looking, but I’d like a different logo (similar to the previous thread site) when the smaller navbar sticks at the top.

What’d I miss?

Here’s the site:

http://compassionatesleepsolutions.novelwebsitedesignprivacy.com/

Thanks!

-W

[Rad]

Hi there,

Thanks for posting in.

I don’t see this code being implemented

jQuery(function($) {
    $('.x-navbar #menu-menu').prepend( '<li class="menu-item menu-logo"><a href="https://kicksandchronicles.com/category/soccer/"><span><img width="50" src="https://kicksandchronicles.com/wp-content/uploads/2016/02/KC-Logo-Stacked-3.jpg"></span></a></li>' );

});

It should add the logo, and the CSS should hide and display it. If you have cache plugin then please clear them before testing.

Please provide your login credentials in private reply in case we need to test it directly.

Thanks!

[walt@nwd]

This reply has been marked as private.

[Rad]

Hi there,

I don’t see it from the last time I checked but yes, I can see it now. Please change it into this,

jQuery(function($) {
    $('.x-navbar #menu-main-menu').prepend( '<li class="menu-item menu-logo"><a href="https://kicksandchronicles.com/category/soccer/"><span><img width="50" src="https://kicksandchronicles.com/wp-content/uploads/2016/02/KC-Logo-Stacked-3.jpg"></span></a></li>' );

});

That should do it, cheers!

[walt@nwd]

Yes, it’s there now!

But, shoved over to the right and under the menu.

How would I shift it to the left?

Thanks,

W

[Christopher]

Hi there,

Please our code to:

.x-navbar.x-navbar-fixed-top .menu-logo {
    display: block;
    background: url(http://compassionatesleepsolutions.novelwebsitedesignprivacy.com/wp-content/uploads/2016/03/Logo-header.png) no-repeat left top;
    width: 200px;
}

Hope it helps.

[walt@nwd]

That did it!

Thanks!

-W

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts