Unclickable Menu Navigation via Website/Blogger

Ask the Community General Questions
1

  • Unclickable Navigation Menu
    The menu works well within Elfsight. However, the issue is when it’s published on a website or blog. The menu items are unclickable.

  • Link to the page with the widget in question:
    Menu - Asian Garden Restaurant

1 Like
3

Welcome to the Community @See_Lo :wave:

Your request is with our devs now. I’ll get back to you tomorrow :slightly_smiling_face:

4

Thank you for waiting @See_Lo!

The issue occurs because of the old jquery version. There are 2 possible solutions in this case:

Update jquery version

Here is an article explaining how you can do this - https://www.techyleaf.in/install-latest-jquery-in-blogger/. Please use the script below instead of the script from the 5th step:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

Reinstall the widget using responsive iframe

Just replace your widget’s installation code with this script:

<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.7/iframeResizer.min.js"></script>
<style>
  #elfsight-RM {
    width: 1px;
    min-width: 100%;
    min-height: 1px;
  }
</style>
<iframe
  id="elfsight-RM"
  onload="iFrameResize({ log: false, checkOrigin: false }, '#elfsight-app');"
  src="https://84834443dd27419f8159bbc82ae560a7.elf.site"
  frameborder="0"
>
</iframe>

Please note that using the responsive iframe workaround may cause popup elements to open less smoothly compared to when iframes are not used.


Check it out and let me know how it worked :slightly_smiling_face: