Add custom css into header.liquid?

Highlighted
Tourist
13 0 1

Hi, I have my own html code for a navigator bar but where do I add it in the header.liquid file to make it work? I am using the narrative theme by the way.

0 Likes
Highlighted
Shopify Expert
3897 559 935

Hi @justrynnalearn 

You can add your css in Asset->theme.scss file at bottom with this class("site-header__wrapper" ) as pre-define, like bellow:

.site-header__wrapper .your_class{ css here }

Note: add site-header__wrapper in starting so it can apply only for header 

Or you can add in header.liquid file too like bellow:

<style>
      Your css here
</style>
Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
13 0 1

But would this remove the navigation bar already there? I am trying to completely replace it?

0 Likes
Highlighted
Shopify Expert
3897 559 935

If you want to completely add your new header then you can add your html code in Section->header.liquid file and add css in Asset->theme.scss file 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
2 0 0

How do I remove the link from the header logo

0 Likes
Highlighted
Shopify Expert
3897 559 935

Send your store url

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes