Docs

[brendanduggan11]

Hi There,

I would like to add a logo to the left side of the navbar that only appears when the the page has been scrolled down and the nav bar has turned solid.

my site: http://www.sunshinesalsatours.com

ex: http://specialagent.apps-1and1.net

Also I cant get the easing to work. I would like to ease into the solid nav bar over 1 or 2 seconds much like the example site.

Thank You

[Joao]

Hi There,

You have some customization hiding the logo bar I believe, you can remove that, and go to Appereance > Customizer > Header and select Inline instead of stacked.

Hope it helps

Joao

[brendanduggan11]

Yep , that worked. Now I would like to keep it transparent until I scroll down and it will come in with the rest of the navbar.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.x-brand.img {display: none;}
.x-navbar-fixed-top .x-brand.img {display: block;}

Thanks.

[brendanduggan11]

Awesome, now to remove it from the mobile menu and only show it in desktop mode.

Thanks,

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

@media only screen and (max-width: 800px) {
    .x-brand.img {display: none;}
.x-navbar-fixed-top .x-brand.img {display: block;}
}

Thanks.

[Author]

Posts