Ipad

[Christophe]

Hello,

is it possible to have the menu automatically closed when I’m on the iPad.

thanks.

[Alyssa]

@rings06 welcome to the buddyboss community! Add this to your child theme’s functions.php file:

function tablet_closed_menu(){
	?>
<script>
if ($( "body" ).hasClass("tablet") && !$( "body" ).hasClass( "page-template-page-no-buddypanel" ) ) {
    $( "body" ).removeClass( "left-menu-open");
  }
  </script>
<?
  }
add_action('wp_footer','tablet_closed_menu',99999);

[Christophe]

Hello,

I just tried the menu is always open on ipad.

Thanks

[Alyssa]

@rings06 can you send em a link to your site?

[Christophe]

http://www.lebonpronostic.com/

thanks

[Alyssa]

Here is a slight edit to the code to check iPad in the useragent:

function tablet_closed_menu(){
	?>
<script>

if ((( /iPad|tablet/i.test(navigator.userAgent) ) || $( "body" ).hasClass("tablet")) && !$( "body" ).hasClass( "page-template-page-no-buddypanel" ) ) {
    $( "body" ).removeClass( "left-menu-open");
  }

  </script>
<?
  }
add_action('wp_footer','tablet_closed_menu',99999);

[Alyssa]

You may want to try disabling plugins like scroll to top to see if there is a plugin conflicting with the script it works dandy on my dev server and plugin like scroll to top are known to cause conflicts. Try disabling other plugins as well.

[Christophe]

It works great but I have a message that is displayed with the min ipad configuration.

Can we not put this message.

Thank you.

Best Regards.

[Alyssa]

@rings06 so sorry, that was my debugging code 🙂 Code fixed inline above

[Christophe]

It’s perfect !!

Thanks.

[Alyssa]

No problem, I’ll close this issue out.