Support » Plugin: Sticky Menu & Sticky Header » Menu Widget breaks after sticky scroll

  • Resolved websperations

    (@websperations)


    Hello,

    I am using your plugin with the native WordPress Menu Widget Item.

    The menu works fine until we scroll down a bit and then the links are no longer clickable.

    How can we fix this?

    Thanks,

    Micah

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi, thanks for trying my plugin! ๐Ÿ™‚

    You can fix this issue by adding the following CSS code to your site:

    #nav_menu-2,
    .e8-10 {
        z-index: 2 !important;
    }

    Please let me know if that helps.

    Thread Starter websperations

    (@websperations)

    Thanks Mark for the response.

    Unfortunately the code did not work. It also hid our secondary nav menu that shows up once the page scrolls.

    Also the e8-10 changed as we made modifications through our page builder.

    I spent close to an hour trying out all sorts of selectors but never hit the jackpot.

    Thanks for any additional help that you can provide.

    Micah

    This is more an issue with your page builder, to be honest. The functionality of my sticky plugin works (after all, the menu becomes sticky), but everything becomes unclickable because some elements on your page overlap other elements. Have you checked with the support people of the Page Builder yet about this?

    Thread Starter websperations

    (@websperations)

    I will contact Theme.co and see what they have to say.

    I use your plugin on other X Theme based websites and have no issues. This is the first time I have run into this.

    Micah

    Thread Starter websperations

    (@websperations)

    I was able to get my issue resolved.

    If anyone needs the resolution, let me know.

    Micah

    Glad you figured it out Micah! Feel free to post the resolution right here, if that could help other people. ๐Ÿ™‚

    Thread Starter websperations

    (@websperations)

    If you’re using X Theme from Theme.co, here is what I changed.

    Originally I had chosen the no sidebar template and then put in a sidebar within Cornerstone. I ended changing the page template back to show the sidebar and then removed the sidebar from Cornerstone. This resolved the Z-Index issue.

    I had to do extra CSS coding to make it look the way I wanted but it was worth it since it reliably works now.

    Thanks again Mark for your input.

    I was trying to do exactly the same thing and I came across this same problem.

    I had a two-column setup with multiple rows built in Cornerstone. I made a navigation menu with Cornerstone on the right-hand side in the first row.

    After reading this thread it gave me the idea to play around with some z-index values. Increasing the z-index value of the menu made no difference. What worked for me was setting z-index:0 for every row after the first.

    • This reply was modified 3 years, 3 months ago by Sam Rae.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Menu Widget breaks after sticky scroll’ is closed to new replies.