Breadcrumbs in mobile mode are not clickable

Support
#1

Hey there,

I’m having an issue on my site, www.acumed.net, in which when the page is in mobile view breakpoints and the “hamburger menu” is in effect, the breadcrumb elements are not clickable because the mobile menu item seems to be obscuring the breadcrumb on it’s z-axis.

Is there a way to fix this that you know of? I’m using the MegaMenu plugin to create the menus – is there a conflict between the menu plugin and the theme?

Thanks in advance for any help you might offer!

Cheers,
David

#2

Hi David,

Thanks for writing in!
I checked the various page of your website in mobile and the breadcrumb works fine.

Not sure if you have the issue with any particular page. Please confirm.

Thanks

#3

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

#4

Hi,

The topic is automaticaaly closed 10 days after the last reply.

The breadcrumbs are not working because you have added this css code

@media (max-width: 980px) {
.x-navbar-inner {
    position: absolute;
    width: 100%;
}
}

With that code, your navbar is covering your breadcrumbs preventing the links from working.

To fix it, you can add the code below in Theme Options > CSS

@media (max-width: 980px) {
   .x-breadcrumb-wrap {
         position: relative;
         z-index:999999
     }
}

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Hope that helps