Docs

[bryan1976]

Hi,

I have gone round in circles with this problem – I really hope you can help.

I have a transparent header which is working perfectly across my website. http://www.theaudiobarndev.co.uk

The problem I have is that the breadcrumbs appear behind the header instead of below it. Please see attached screenshot.

I’ll attach below my login credentials for you to have a look at the custom CSS that has already been recommended to help style my header. Maybe something in this is conflicting?

The pages load ok, but as soon as you scroll down, the breadcrumbs ‘bounce’ up underneath the header.

Many thanks in advance.

Bryan

[bryan1976]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! Please look for this custom CSS on your customizer and remove it.

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

Hope it helps, Cheers!

[Rupok]

Hi there,

Thanks for writing in! Do you want to make it fixed with Navbar? You can use this CSS :

.x-breadcrumb-wrap {
  left: 0;
  position: fixed;
  right: 0;
  top: 92px;
  z-index: 1031;
}

Hope this helps.

[bryan1976]

This reply has been marked as private.

[bryan1976]

This reply has been marked as private.

[Lely]

Hello Bryan,

Please try clearing browser cache. It seems ok now when I checked. See this video screencast:http://screencast-o-matic.com/watch/cDj0oGiRqr

[bryan1976]

Hmmm,

Please can you check on the iPad.

Thanks,

Bryan

[Friech]

Hi Bryan,

Are you referring to the transition of fixed navbar and gets your breadcrumbs jump on the top? If so, please remove the CSS I’ve suggested above.

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

There are two instances of that on your customizer custom CSS, please remove both.

Removing that should make your breadcrumbs scrolling smoother (not jumping).

Obviously, you’ll see the breadcrumbs scrolling behind the navbar, because your navbar is semi-transparent. That is the normal behaviour of fixed navbar and Im not seeing issue on that.

Hope this shed some lights.

Cheers!

[Author]

Posts