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

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
10968 2150 2289

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?

- Solved it? Hit Like and Accept solution or ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- 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