Edit / Change Jetpack Mobile Theme [closed]

I see 3 ways to edit Jetpack Mobile theme:

1. Use Jetpack’s Custom CSS module

Jetpack includes a module named “Custom CSS” that allows you to add your own custom CSS without having to edit your theme stylesheet. The custom CSS editor (under Appearance > Edit CSS) also includes an option to include this custom CSS in Jetpack’s mobile theme.

You could consequently customize the look of the Mobile theme by adding your custom CSS code there. You can use the .mobile-theme class to target only the Mobile theme.

2. Add your own custom stylesheet to the Mobile theme

If you don’t want to use the Custom CSS module, you could load a specific stylesheet only in Jetpack’s mobile theme, like so:

// Check if we are on mobile
// Props @saracannon http://ran.ge/2012/12/05/parallax-and-mobile/
function tweakjp_is_mobile() {
    // Are Jetpack Mobile functions available?
    if ( ! function_exists( 'jetpack_is_mobile' ) )
        return false;

    // Is Mobile theme showing?
    if ( isset( $_COOKIE['akm_mobile'] ) && $_COOKIE['akm_mobile'] == 'false' )
        return false;

    return jetpack_is_mobile();
}

// Let's add our custom stylesheet
function tweakjp_maybe_add_css() {

    // On mobile?
    if ( tweakjp_is_mobile() ) {
        wp_register_style( 'custom-mobile', plugins_url( 'style.css', __FILE__) );
        wp_enqueue_style( 'custom-mobile' );
    }
}
add_action( 'wp_enqueue_scripts', 'tweakjp_maybe_add_css' );

3. Edit Jetpack’s plugin files to make your changes

No limits there, but all your changes will be overwritten when you update to the next version of Jetpack. I wouldn’t recommend it.