AMP plugin – Menu

[Anders]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Anders]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

Updated.. Still has issues 🙂

[Tom]

How about now?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

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

[Anders]

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

[Anders]

I removed the sub-items from the menu.

I need the site to be up running for costumers 🙂

[Author]

Posts