Support » Plugin: AMP » No navigation / hamburger menu in amp

  • Resolved singhvirat

    (@singhvirat)


    I am using amp reader mode, I found there is no navigation/hamburger menu in the header bar – https://ncert.infrexa.com/national-civil-service-day-in-hindi/?amp=1

    I disabled the site icon as it was not rendering my requirements, please tell me how can I add a navigation/hamburger menu on the top-right header bar?

    The navigational menu plays the most important role in achieving the business goals, and also helps to reduce bounce rate, but not focusing on this aspect, seriously shows the lack of interest of developers/authors in plugin development.

    Support id: ampwp-227d67be-3ffb-56ab-9141-e66487d13915

    If possible please send the code with its location so that I can fix the issue.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Milind More

    (@milindmore22)

    Hello @singhvirat

    Thank you for contacting us, It seems you are using the AMP plugin in Reader Mode with a Legacy theme.

    The Legacy theme provides the only basic structure to display AMP pages and it is not being further developed, as there are many AMP-compatible themes available in the WordPress plugin repo.

    Your current theme “Astra” is AMP compatible and will work for the AMP as well as the non-AMP pages version of your site. Most of the features provided by Astra work with AMP such as Menu, Search, etc.

    We will recommend you to use the AMP plugin in Transitional Mode so that AMP pages will be served with your primary theme Astra.

    If you do not want to switch to Transitional Mode and keep using the Reader Mode Legacy theme, I will recommend using AMP Sidebar Hamburger Menu plugin which will add a hamburger menu to the legacy theme.

    Hope this helps!

    Thread Starter singhvirat

    (@singhvirat)

    The website is getting crashed in Transitional mode with Astra theme. I have tried the AMP Sidebar Hamburger Menu plugin however when moving from amp to non-amp page there are white lines between the loading of the pages.

    Here are the plugin reports:

    [
        {
            "url": "https://ncert.infrexa.com/bank-of-india-recruitment-2022/",
            "type": "is_singular[post]",
            "label": "Post",
            "amp_url": "https://ncert.infrexa.com/bank-of-india-recruitment-2022/?amp=1",
            "validation_errors": [
                {
                    "node_name": "font",
                    "parent_name": "a",
                    "code": "DISALLOWED_TAG",
                    "type": "html_element_error",
                    "node_attributes": {
                        "color": "#ff0000"
                    },
                    "node_type": 1,
                    "sources": [
                        {
                            "type": "plugin",
                            "name": "amp-sidebar-hamburger-menu",
                            "file": "amp-wp-sidebar.php",
                            "line": 241,
                            "function": "jozz_ampsidebar_add_head_html",
                            "hook": "amp_post_template_footer",
                            "priority": 99
                        }
                    ]
                }
            ],
            "validated_url_post": {
                "id": 25762,
                "edit_link": "https://ncert.infrexa.com/wp-admin/post.php?post=25762&action=edit"
            },
            "stale": false
        },
        {
            "url": "https://ncert.infrexa.com/editorial-team/",
            "type": "is_singular[page]",
            "label": "Page",
            "amp_url": "https://ncert.infrexa.com/editorial-team/?amp=1",
            "validation_errors": [
                {
                    "node_name": "font",
                    "parent_name": "a",
                    "code": "DISALLOWED_TAG",
                    "type": "html_element_error",
                    "node_attributes": {
                        "color": "#ff0000"
                    },
                    "node_type": 1,
                    "sources": [
                        {
                            "type": "plugin",
                            "name": "amp-sidebar-hamburger-menu",
                            "file": "amp-wp-sidebar.php",
                            "line": 241,
                            "function": "jozz_ampsidebar_add_head_html",
                            "hook": "amp_post_template_footer",
                            "priority": 99
                        }
                    ]
                }
            ],
            "validated_url_post": {
                "id": 25140,
                "edit_link": "https://ncert.infrexa.com/wp-admin/post.php?post=25140&action=edit"
            },
            "stale": false
        }
    ]
    Plugin Support Milind More

    (@milindmore22)

    Hello @singhvirat

    I am not sure why you got those errors, the AMP Sidebar Hamburger Menu plugin doesn’t use <font> tags.

    In fact, the tag is deprecated and not being used in HTML5 anymore, so we will recommend not using it.

    Thread Starter singhvirat

    (@singhvirat)

    So how to fix the issue? I urgently need a hamburger menu on amp mode. For your information, I would like to tell you that Astra is not amp-compatible. It breaks down my site in standard or transitional mode so I have no option but to keep it on with reader mode.

    Please suggest…

    • This reply was modified 1 month, 3 weeks ago by singhvirat.
    • This reply was modified 1 month, 3 weeks ago by singhvirat.
    Plugin Support Milind More

    (@milindmore22)

    Hello @singhvirat

    So how to fix the issue?

    Please check if you are using any custom code that might be adding <font> tag. if yes please remove it and use AMP Sidebar Hamburger Menu plugin as available on the WordPress repository.

    For your information, I would like to tell you that Astra is not amp-compatible

    Astra is AMP compatible, we add the themes on our site after manual testing. Astra might be conflicting with other plugins.

    We also noticed that you are using PHP 8.0, AMP plugin is compatible with PHP 8.0 but other plugins that do not support PHP 8.0 might break your site on AMP.

    We will recommend using PHP 7.4 for now unless all your plugins and theme ie. Astra supports PHP 8.0

    Plugin Support Milind More

    (@milindmore22)

    @singhvirat
    As we didn’t receive a response I’ll mark this as resolved. Feel free to open a new support topic if you require any further assistance.

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.