How can i connect custom CSS and JS?

Solved
Highlighted

Hello, i'm using Cascade theme. And i'm trying to connect my custom CSS and JS files to the header to change mobile menu. I even tried to add <style> and <script> to the header section, but unfortunately it's not working. Does someone knows how i can add link costume files to the header, to change mobile menu?

Thank you. 

Thanks,
Sura Baghirova
1 Like
Highlighted
Shopify Partner
1616 351 473

Hey @SuraSB,

You can add your custom CSS and js file before </head> in layout/theme.liquid file.

Try to check the related files in your theme.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted

Hello @dmwwebartisan , i did add it to the theme.liquid, but it's doesn't seem like it's giving any reaction for style or script. i'm not so good with JS, that's why it's kind of difficult to understand how it's setup. Do you know how i can add separate file of js and css and link them to the header? That what the right way i think.

Thanks,
Sura Baghirova
0 Likes
Highlighted
Shopify Partner
6094 893 2057

This is an accepted solution.

@SuraSB 

Thanks for post

custom CSS and js file formate add theme.liquid before </head>

CSS Formate

{{ 'custom.scss.css' | asset_url | stylesheet_tag }}
or
{{ 'custom.css' | asset_url | stylesheet_tag }}

Js formate

 {{ 'custom.js' | asset_url | script_tag }}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like