Continuation of breadcrumbs are not clickable when using MegaMenu mobile hamburger mode

[Acumed]

Heya,

I’m not sure how to continue to add or comment on a closed topic, but this topic thread was closed prematurely by you, without having a satisfactory conclusion: https://theme.co/apex/forum/t/breadcrumbs-in-mobile-mode-are-not-clickable/45475

So I’m continuing it here. In your last comment, you say to change the z-axis of the breadcrumb area to be higher than the hamburger menu. Yes, that does allow for the breadcrumbs to be clickable in mobile widths, but when the hamburger menu is activated, the breadcrumb area obscures that section of the mobile menu.

We haven’t done any custom CSS regarding the hamburger menu, or in the breadcrumb area - I think this issue would occur on ANY installation of X theme when using MegaMenu in this way. I’m looking for a solution that allows the menu to appear in front of the breadcrumbs when activated, but also to not interfere with operation of the breadcrumb links when the menu is not expanded.

Thanks,
David

[ruenel]

Hello David,

I can see that you heavily modified the header of the theme which gotten you this complicated issue. Your navigation is covering the breadcrumb and that is why the breadcrumb links is no longer clickable. Since adjusting the z-index is not an option, you may need to update the custom css and add this as well:

@media(max-width: 979px){
  .x-navbar-inner {
    min-height: 0 !important;
    margin-top: 0;
  }
  
  .x-navbar-inner .x-container {
    height: 0;
    margin-top: 0 !important;
  }
}

Other codes might need some adjustments too.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope this helps.