Odd Menu Behaviors

Hi Dan!

After a quick test I can point you in the right direction. Somewhere you have z-indexes that messes up your site. this could be due to an update of either your theme or this plugin. I suggest you look through the themes CSS files an see if you can find any “z-index” styling.

I manually changed the z-index of the first element on the page (the one beginning with “4-DAY BADGE”) to 0 and it solved the problem for that element. This indicates that somewhere the elements get a z-index that messes up the entire site and those are usually found in a CSS file or a CSS part of the HTML/PHP file.

Hope this helps you a bit, and do please tell me the results.

– Ymer

Hi again.

No then I didn’t explain properly. The z-index decides witch element should be highest on the stack if more than one element is present at the same place and time. The higher the number the higher on the stack.

This means that the sticky element should have a higher value than all the other elements to always be infront of them. So what i did was to set the z-index of the element containing the title beginning with “4-DAY BADGE” to 0 and the sticky headers’ to 99999 in the browsers development tools just to try my solution.

Once I did that the sticky menu was ontop again. This means that you need to check the CSS of your website for a z-index that apparently affects all elements of you site and change that to 0. Changing only the z-index in the plugin will not work otherwise.

Hope this clarifies the situation for you.

– Ymer

@dainspan You do not need to use that additional CSS code. Can you remove what you’ve added (z-index: 99 !important) first, and then open the plugin settings?

There is a setting where you can determine the Z-index for the sticky element. If you set that to 10 or higher, it should work.