[Support request] AMP plugin – Menu

[Anders Nielsen]

The dropdown is not working using AMP and the AMP plugin in the main menu

[David]

Hi there,

Tom created this plugin to resolve the issue mobile menu for AMP:

https://github.com/tomusborne/amp-for-generatepress

[Anders Nielsen]

And is not working for the dropdown function.

As I tried to write, I’m using the AMP plugin, and it’s not working!

[Tom]

Hi there,

Just to confirm, you’re using the plugin that David linked to as well as the official AMP plugin? Both need to be activated in order for it to work.

If they’re not working, can you link us to your site so I can take a look?

Let me know 🙂

[Anders Nielsen]

Yes, I use the two plugins, as David says 🙂

When you click a “#sub”-link in the menu, the menu “freezes” to the id=”site-navigation”

using chrome/mac – maybe other browsers too.

I have inserted a link.

The schema data for the menu is also missing 🙂

[Tom]

And it’s this plugin you’re using?: https://wordpress.org/plugins/amp/

Is AMP always active? I’m not able to see the normal site and AMP site separately using /amp/ in the URL.

[Anders Nielsen]

And it’s this plugin you’re using?: https://wordpress.org/plugins/amp/

– Yes

Is AMP always active?

Yes – The site is native AMP

So the URL given in this tread is AMP 🙂

If you click the menu from a chrome browser (with the sub item) – you can see the issue

[Tom]

That’s strange – can you try this CSS?:

nav:not(.toggled) .menu-item:not(:hover) button.dropdown-menu-toggle.toggled-on + .sub-menu {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

nav:not(.toggled) button.dropdown-menu-toggle.toggled-on + .sub-menu {
    position: absolute;
    top: auto;
}

Let me know 🙂

[Anders Nielsen]

Then the sub item(s) it not shown, when you hover the menu – when you are on an URL from the sub items.

[Tom]

Can you try the updated code?: https://generatepress.com/forums/topic/amp-plugin-menu/#post-1021555

[Anders Nielsen]

Updated.. Still has issues 🙂

[Tom]

How about now?

[Anders Nielsen]

Better, when you are on the page with the menu issues – the subitem changes width, and menu-word break in two lines

[Anders Nielsen]

Hmm, just testet on mobile, you can’t see the subitem in the menu now

[Anders Nielsen]

I removed the sub-items from the menu.

I need the site to be up running for costumers 🙂

[Author]

Posts