[Support request] AMP plugin – Menu

[Anders Nielsen]

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

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[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 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!

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[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 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 🙂

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[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 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

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[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 Nielsen]

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

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[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 Nielsen]

Updated.. Still has issues 🙂

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[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 Nielsen]

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

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[Anders Nielsen]

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

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[Anders Nielsen]

I removed the sub-items from the menu.

I need the site to be up running for costumers 🙂

This is my sites: https://www.generaliseret-angst.dk/
https://www.angst.dk/

[Author]

Posts