Setting up custom CSS for mobile app is as simple as adding CSS to your site. Here's the recommended way to keep your theme code separate from app specific styling.
Step 1: Create a new css file
// apploy.css.liquid
{% if cart.attributes['_SalesChannel'] == "Apploy" %}
<style>
Add your css here
</style>
{% endif %}
Note: Do not add inline comment using //
Step 2: Render the css in your theme code.
Add the following code snippet right before the closing body tag in the theme.liquid file.
{% render 'apploy.css'%}
</body>How about a custom JS code?
You can follow the same process for Javascript as well.
// apploy.js.liquid
{% if cart.attributes['_SalesChannel'] == "Apploy" %}
<script>
Add your JS here
</script>
{% endif %}
// theme.liquid
{% render 'apploy.js'%}
</body>
Else, use the Advanced Settings > Display Settings > Custom Javascript section to apply custom JS in the mobile app.
NOTE: Advanced settings might not be enabled for your account. Reach out to us to get it enabled for free.