Not working on Iphone

It does work on Chrome browser on iPhone but not on Safari.. Any leads pls.?

Hi,

Try setting your links URL to the actual homepage address: https://booksbuddy.co/ instead of https://booksbuddy.co/home/

For example, change “Benefits” link from:
https://booksbuddy.co/home/#section-3
to:
https://booksbuddy.co/#section-3

You are a genius!! ??

It does work now. But, my menu option still stays open and that eats my display area. How to close the menu window after an option is selected?

This depends on the script handling your mobile navigation menu. Try adding a script like the following in your theme’s footer or header and see if it does the trick:

<script>
(function($){
  $(document).ready(function(){
    $("#mobile-navigation-jquery a[rel='m_PageScroll2id']").click(function(){
      $(".menu-close").trigger("click");
    });
  });
})(jQuery);
</script>

Malihu,
It kind of messed up the site now. Though I remove the code you gave, it still doesnt work. Can you pls. have a look?

Pls ignore… I had to delete the theme and I will work on it again. Thanks for your help!

Pls. let me know in case you find a solution for collapsing the menu option on mobile

Hi Malihu

I am still not able to solve the menu display issue. The menu isn’t collapsing after I select an option when I use this plugin. I also tried the java script you gave in the previous post but the theme crashes.

Can you pls. help?

Try changing:

$(".menu-close").trigger("click");

to:

$("#page").trigger("click");

I can’t really provide real help with this. If the above doesn’t work, you need to ask the theme developers (or the ones that made the mobile menu script).

Thanks Malihu! Unfortunately it still doesnt work.

I get this problem because of responsive menu in my theme. Is there a way that I can show the full width menu instead of the three line menu? May be this can solve my problem.

I tried looking for a custom CC code to override responsive menu with full width but I didnt find any. Do you have any leads?

Where did you place the code? A good place would be in your theme’s footer.php just before the closing body tag.

I can’t really say how to disable the mobile menu (I don’t know if its a theme feature or another plugin).

Thanks Malihu for your time! This is the code from my footer.php

*******************************FOOTER.PHP***********************
</div><!– #page –>

<?php wp_footer(); ?>

<script>
(function($){
$(document).ready(function(){
$(“#mobile-navigation-jquery a[rel=’m_PageScroll2id’]”).click(function(){
$(“.menu-close”).trigger(“click”);
});
});
})(jQuery);
</script>

</body>
</html>

also tried with
$(“#page”).trigger(“click”);

But I really appreciate for trying… thanks!

No problem ?? Try this:

<script>
(function($){
  $(document).ready(function(){
    $(this).on("click","#mobile-navigation-jquery a[rel='m_PageScroll2id']",function(){
      $("#page").trigger("click");
      //or $(".menu-close").trigger("click");
    });
  });
})(jQuery);
</script>

Still the same ??

I’m pasting it in footer.php and before “</body> </html>”
Hope that is correct

I re-checked https://www.booksbuddy.co and the target sections seem to have changed, e.g. there are no #section-2, #section-3 etc.

I also can’t find the script when inspecting the page with browser’s developer tools.

Are you applying the changes in https://www.booksbuddy.co or locally?