Widgets not appearing due to codes

[glucinth]

Hello, I am currently using this code to have my header customized and become different from homepage. However, putting this code prevents my widgets from showing in my website (for all pages). I want them back. Can someone assist me please? Here's the code and my url (bhlclothing.com). Thank you!

<style>

{% if template == 'index' %}
.shopify-section-group-header-group.section-header.shopify-section-header-sticky.scrolled-past-header sticky-header.header-wrapper {
background-color: #181818!important;

}
{% else %}
.shopify-section-group-header-group.section-header.shopify-section-header-sticky.scrolled-past-header sticky-header.header-wrapper {
background-color: #ffffff !important;

}
{% endif %}

[Dan-From-Ryviu]

Please try to update the code to this and check again

{% if template == 'index' %}
<style>
.shopify-section-group-header-group.section-header.shopify-section-header-sticky.scrolled-past-header sticky-header.header-wrapper {
background-color: #181818!important;
}
</style>
{% else %}
<style>
.shopify-section-group-header-group.section-header.shopify-section-header-sticky.scrolled-past-header sticky-header.header-wrapper {
background-color: #ffffff !important;
}
</style>
{% endif %}

[DaisyVo]

Hi @glucinth 

I saw that you already added the code and the widgets still show normally 

Do you still need help?

Best,

Daisy