Enable Separate cache for mobile devices when JetMenu is used

[DahmaniAdame]

Before submitting an issue please check that you’ve completed the following steps:

• Made sure you’re on the latest version 3.11.2
• Used the search feature to ensure that the bug hasn’t been reported before

Describe the bug
JetMenu recommends using the Separate cache files for mobile devices to avoid responsive issues for their Megamenu.

https://crocoblock.com/troubleshooting/articles/cannot-make-jetmenu-mega-menu-mobile-responsive/

This can be confirmed by diffchecking mobile vs. desktop.

To prevent the issue, we should add:

jet-menu/jet-menu.php

to:

wp-rocket/inc/classes/subscriber/third-party/plugins/class-mobile-subscriber.php

Lines 331 to 352 in c2e2a24

	public static function get_mobile_plugins() {
	return [
	'jetpack/jetpack.php' => [
	'is_active_callback' => function() {
	if ( ! class_exists( 'Jetpack' ) ) {
	return false;
	}
	return \Jetpack::is_active() && \Jetpack::is_module_active( 'minileven' );
	},
	'activation_hook' => 'jetpack_activate_module_minileven',
	'deactivation_hook' => 'jetpack_deactivate_module_minileven',
	],
	'wptouch/wptouch.php' => [],
	'wiziapp-create-your-own-native-iphone-app/wiziapp.php' => [],
	'wordpress-mobile-pack/wordpress-mobile-pack.php' => [],
	'wp-mobilizer/wp-mobilizer.php' => [],
	'wp-mobile-edition/wp-mobile-edition.php' => [],
	'device-theme-switcher/dts_controller.php' => [],
	'wp-mobile-detect/wp-mobile-detect.php' => [],
	'easy-social-share-buttons3/easy-social-share-buttons3.php' => [],
	];
	}

To Reproduce

1. Enable JetMenu
2. Check the difference in markup between mobile and desktop

Expected behavior
JetMenu should be cached properly.

Screenshots
Added to the description.

Additional context
Ticket - https://secure.helpscout.net/conversation/1888674702/343703/

Backlog Grooming (for WP Media dev team use only)

• Reproduce the problem
• Identify the root cause
• Scope a solution
• Estimate the effort

[mehedihasanziku]

Note: I did test before, separate cache will not cover all cases.

In one case i need to set separate cache as tablet instead of mobile WP Rocket | Set Tablets As Mobile

Extra Info: separate cache can be avoided if user decided to duplicate that menu for mobile and desktop

[DahmaniAdame]

@mehedihasanziku thank you for your feedback.

In one case i need to set separate cache as tablet instead of mobile WP Rocket | Set Tablets As Mobile

This is more of an edge case and is likely related to the responsive breakpoints set by the theme and how the menu fits in the layout.

Extra Info: separate cache can be avoided if user decided to duplicate that menu for mobile and desktop

That would be an action/decision required from the user. We try to make things work out of the box as much as possible.

[vmanthos]

@DahmaniAdame Do you happen to have a copy of the JetMenu plugin? I need to use that for QA.

[DahmaniAdame]

@vmanthos no, I don't. But I can ask the customer if they can provide the plugin for testing.

[vmanthos]

I can ask the customer if they can provide the plugin for testing.

I "fake-installed" JetMenu by creating an empty jet-menu/jet-menu.php plugin. As long as that's the correct file for the plugin we should be good.

But it would be best to test this with the actual plugin. If you don't mind, please ask for it.