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

Breaward
New Member
30 0 0

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?

Screenshot 2024-02-27 12.47.55 PM.png

 

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
7726 1504 1511

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?

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Breaward
New Member
30 0 0

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

Screenshot 2024-02-28 9.42.00 PM.png

 

 

<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
New Member
30 0 0