Menu Item not shown

Resolved zazorg
(@zazorg)

5 years, 11 months ago

Hello,
Trying to add a step to a menu item, but the content of the menu item is not shown, it does select the Element ID of the menu item in a frame and the step is shown. But the content (the text of the menu item) is not shown. Have tried to change z-values but nothing will make the actual text in menu item visable. Do you have any suggestions on what could be causing this or a workaround?

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author

(@cfuze)

I presume you are having an issue like: https://stackoverflow.com/questions/15967289/intro-js-highlighted-area-doesnt-work-as-expected

If so, this CSS has worked for me in the past:

.introjs-helperLayer {
    background: transparent !important;
    /*background-color: rgba(255,255,255,.2) !important; */
}

.introjs-overlay {
    opacity: 0 !important;
    z-index: 99999999!important;
    mix-blend-mode: overlay !important;
}

.introjs-helperLayer:before {
    opacity: 0;
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    border-radius: 0.5em;
    border: .2em solid rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 1000em rgba(0,0,0, .7);
    opacity: 1;
}

.introjs-helperLayer:after {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1000;
}

Thread Starter

zazorg

(@zazorg)

5 years, 11 months ago

Many thanks for the quick support! Worked like a charm!
5/5 stars 🙂

Plugin Author

cfuze

(@cfuze)

5 years, 11 months ago

Thank you and glad that got you working!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Menu Item not shown’ is closed to new replies.