I really like the idea to switch themes for mobile devices and am using jetpack for several feature on my website, So I thought, why not use it for mobile devices as well. Jetpack comes packed with a feature that switches themes for mobile devices, but it is only possible to use their theme and adjust some things like bg colour etc.. I was wondering is it possible to completely change this theme? So use jetpack to detect device, yet use your own mobile theme? That would stay like that after any updates.
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
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:
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.