Breadcrumbs show only when menu is collapsed

Hi Folks,

I have breadcrumbs activated in the theme options but they only seem to be showing when the screen is reduced to a certain size. When the screen is wide enough for the menu bar to appear, the breadcrumbs do not show. Is it possible to have the breadcrumbs show when the menu is NOT collapsed?

These screen shots were taken from my desktop. As you can see with the first shot, the breadcrumbs are visible when the menu is collapsed.

But as you can see with the next screen, the breadcrumbs disappear when I enlarge my screen size enough for the menu to appear.

I would like the breadcrumbs to be present all the time, regardless of whether the menu is collapsed or not.

Thanks!

Jeremy

Hello Jeremy,

Thanks for writing in! You are experiencing this issue because you have incorrectly set the navbar height. The actual height is 88 pixels and you only set it at 50. Please go to X > Theme Options > Headers > Navbar and set the “Navbar Top Height” options to 88.

We would loved to know if this has work for you. Thank you.

Hi RueNel,

I appreciate you writing in. I tried setting the Navbar Top Height to 88px like you said but unfortunately the breadcrumbs are still not visible.

Would you happen to have another solution?

Thanks!

Jeremy

Hi Jeremy,

It still 50 and I can confirm it through the source code. BUT, the CSS is served from minified files so it could be due to cache too and it’s not taking effect in the front. Please clear your caches or deactivate that feature or plugin, then test it again.

Thanks!

Hi Rad,

I left it at 88px and cleared the cache so you can see the breadcrumbs are still not showing.

I’m open to any suggestions.

Thanks!

Hi Jeremy,

May I know which screen size you’re viewing it with? It works now on my end (large screen), and when I checked on smaller screen, I’m able to reproduce this. It’s because the menu height increase as the menu items breaks into multiple rows. The same size should be 130, please change 88 to 130 and that should cover both large and small screen.

Thanks!

Hi Rad,
I changed it to 130px but the problem still remains

I’m viewing it from my 2560 x 1600 and tried it on my larger desktop monitor as well but it’s still the same.

Hi There,

To fix this issue, please try adding this custom CSS under Theme Options > CSS:

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

Hope it helps :slight_smile:

That was it, Thai! Thank you so much!

You’re welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.