Can anyone help with a custom header design!! or code

[Breaward]

Hi, i made a custom transparent header and this is how i'm trying to make my header. https://www.rhodeskin.com/

is there a code for this?

[Dan-From-Ryviu]

Hi @Breaward 

I'm Dan from Ryviu: Product Reviews, Q&A

Could you share your store URL so I can give you the code to do that?

[Breaward]

could you also add the font? and I want my announcement like this this is the updated code I used

<style>
#shopify-section-custom-announcement-bar {
z-index: 9;
}
#shopify-section-custom-announcement-bar .custom-announcement-bar .custom-announcement-bar__message {
background: #f2f0eb8c;
margin-top: 0 !important;
}
</style>
{% if template == 'index' %}
<style>
.videoBackground {
margin-top: -37px;
}
</style>
{% else %}
<style>
.videoBackground {
margin-top: -123px;
}
.header-wrapper {
background: transparent !important;
}
</style>
{% endif %}

[Breaward]

https://14fb05-1b.myshopify.com/