• Resolved bigstomach1025

    (@bigstomach1025)


    Hello
    The menu,search icon and facebook tab don’t response with AMP version website. Any help?
    I am using AMP plugin.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • @bigstomach1025 Looking at your website it looks like the search box appears based on the toggling of a class, .search-form-top.show . If you have a developer on board you can use the amp-bind component to toggle classes in AMP.
    https://amp.dev/documentation/components/amp-bind/

    In relation to the Facebook tab it’s working on the URL you provided, with the feature being placed inside an iFrame. If there is another Facebook aspect you are referring to let me know and I can check.

    Thread Starter bigstomach1025

    (@bigstomach1025)

    Thank you James!
    Facebook tab is working on computer version. However, if you browse the website by mobile phone, the tab doesn’t work in AMP version.

    The menu tab also has no response in AMP version.

    The menu is built using custom JavaScript, meaning it won’t work by default in AMP. As with the search button you will need to make some changes for it to work in AMP, it looks like you’ll just need to use the amp-bind component to toggle the main-small-navigation class.

    There are other options also, such as using the nav_menu_toggle flag or the amp-sidebar component. You can find out more below:
    https://amp-wp.org/documentation/playbooks/toggling-hamburger-menus/

    In relation to the Facebook iFrame embed I can see the issue now. The bottom “Send” button should work fine. The “Like Page” and “Send Message” buttons on the top won’t work because of the target="_blank” attribute. AMP iFrames are sandboxed, so you’ll need to make modifications to that embed code if possible, you can find out more here.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘tab an d facebook no response’ is closed to new replies.