Add Logo to Navbar while scrolling down

[Poebelbraeu]

Hi there,

is there any chance to have a logo centered to the navbar which appears when scrolling down the page?

Or: Having a bigger logo which then reduces in size to fit the height of the navbar?

HP: www.poebelbraeu.com

Cheers!
Georg

[paul.r]

Hi Georg,

You can add your logo at the center of your nav as a menu item.
We can then hide or show it on scroll using css.

eg. Add this in Theme Options > CSS

/* Hide */
.x-navbar #menu-item-49 {
   display:none;
}
/* show on scroll */
.x-navbar.x-navbar-fixed-top #menu-item-49 {
   display:block;
}

Change menu-item-49 with the id of your logo menu item.

You can check for the id using chrome inspect element.

Hope this helps