Add logo to header nav sticky

Hi, thanks for trying my plugin. ??

Do you have a link to your site? That way I can give you better instructions.

Yes of course, my url is Los mejores bonos de casino

Thank you!

Sorry for the delay David!

What you probably want to do, is add the logo in the menu first so that it always shows — sticky or not. I’d add an extra link to the main menu (pointing to the home page) and then style it in such a way that the logo is the background image, for example.

But, in order to make it visible ONLY when the menu is sticky, you’ll have to give it some additional CSS. Let’s say you added that link and it has ID/class “menu-item-18“. The CSS you’ll need then is something like this:

.navbar .menu-item-18 {display:block;}
.navbar .sticky-element-active .menu-item-18 {display:none;}

Hope this points you in the right direction!

• This reply was modified 8 years, 6 months ago by Senff - a11n.

Hi,

I already have a menu in a header widget that is sticky on scroll (using StudioPress Parallax Pro theme based on Genesis).

As you describe above I’d like to hide a menu item until I scroll (I’m using the plugin Nav Menu Images). I’ve tried using the class as you describe above its not working. How does it work with your Sticky Plugin if the menu is already sticky?

@ange1970 Can you share a link to your site, so I can see what the issue is exactly?

(Obviously, don’t use the exact same class as I described above, using “.menu-item-18“, as this will be different for every site.)