[Resolved] Main navigation not aligned

[Bernhard]

Hi there,
I have some problems with the slideout navigation not showing up.

On the test site I moved now all CSS from the child theme to the customizer and clicking the hamburger the navigation appears now on the left but the menu items can’t be clicked.

Thank you

[Leo]

Hi there,

On the test site I moved now all CSS from the child theme to the customizer and clicking the hamburger the navigation appears now on the left but the menu items can’t be clicked.

Can you temporarily remove all of your custom CSS from the Additional CSS field in the customizer and see if the issue still exists?

Let me know 🙂

[Bernhard]

Hi Leo,
without custom CSS the navigation is there. Screenshot

[Leo]

So now add your custom CSS back one snippet at a time and try to determine which line is causing the “can’t be clicked” issue.

Let me know 🙂

[Bernhard]

Hi Leo,
I made it the other way around and canceled from bottom up. When line 325 was canceled, the navigation menu was back. This is line 325

#generate-slideout-menu {
    z-index: -100002;
}

[Leo]

I made it the other way around and canceled from bottom up.

Awesome – that is the way to debug an issue like this.

Glad to hear that you were able to identify the problem.

[Bernhard]

OK, and now? What shall I do, cancel, change?
I got the code here years ago and somehow it always worked. But now it does no longer work properly.

It’s not that I’m playing around. I struggle with the problem since months on the live site and before it seemed to be an incompatibility between optimization systems but all fixes worked or not worked only for a while. Hopefully I found now the problem finally but now I need a solution.

[Bernhard]

OK, I think I found it. z-index: -100002; must be z-index: 100002;, right?

[Fernando]

Hi Bernhard,

Yes, that should be correct. How did it go?

[Bernhard]

It’s confusing. The short version is, that I see the correct navigation on the origin server – but it was shown there correct also with z-index: -100002; in the child team. On the live site on the internet, where the Ezoic proxy and Cloudflare are in the middle, still no navigation is shown, only a white overlay and the “close” button. I’ve purged all caches more times.

[Fernando]

Can you share a screenshot of what you see on the live site for comparison?

Uploading Screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

[Bernhard]

Hi Fernando,
here the screenshot

[Bernhard]

Now it seems to work. Do you see that too?
Thank you for your assistance 🙂

[David]

Hi there,

i checked your tourist in rom site, and the navigation looks ok and works for me

[Bernhard]

Hi there,
the navigation of the hamburger menu disappeared again. I’m wondering what happened. I made no change.

[Author]

Posts