You can go to Theme settings > Custom CSS/JS. This section helps you customize the theme with CSS/JS code. You can easily add the code here without having to search for the code file in the liquid file section. This will save you time.
1. Color CSS
- Enable Colors CSS: Enable this option to customize the variant color. You can learn more about it by reading this guide.
2. Custom CSS
- Enable Custom CSS: You can enable this option so it will apply all code you fill in Custom CSS field.
In this field, we already split to some responsive devices like Global Custom CSS; Custom CSS for only desktop; Custom CSS for tablet, mobile; Custom CSS for only tablet; Custom CSS for only mobile. You can write your code to the correct field.
For example, if you add code to Global Custom CSS, it’ll apply for all the the devices. Or if you want CSS only apply on Mobile so let’s add to Custom CSS for only mobile.
3. Custom JS
You can enable this option so it will apply all code you fill in custom.js file.
You can go to Edit Code > Open custom.js file and write your code JS here.