Re: How to add animated image on the header menu

Solved

How to add animated image on the header menu

AndreMartinez
Visitor
3 0 0

Hello, good afternoon!

I am starting to build a store, and I need some assistance regarding the animated image on the header menu - similar to this website - https://flyfive33.com/

 

The "Five33" is moving

This is my store - https://7880c5-93.myshopify.com/

password is - taoper

 

Thank you!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

This is an accepted solution.

Hi @AndreMartinez 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

{% if template == 'index' %}
<style>
.section-header.scrolled-past-header .header-wrapper { background: #fff !important; }
.section-header .header-wrapper { background: transparent; }
#MainContent { margin-top: -141px; }
@media (max-width: 749px) {
   #MainContent { margin-top: -72px !important; }
}
</style>
{% endif %}

- Solved it? Hit Like and Accept solution! ❤️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.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

This is an accepted solution.

Hi @AndreMartinez 

Please add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

{% if template == 'index' %}
<style>
.section-header.scrolled-past-header .header-wrapper { background: #fff !important; }
.section-header .header-wrapper { background: transparent; }
#MainContent { margin-top: -141px; }
@media (max-width: 749px) {
   #MainContent { margin-top: -72px !important; }
}
</style>
{% endif %}

- Solved it? Hit Like and Accept solution! ❤️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.

atmosfere
Visitor
1 0 1

thank you. pretty crazy i was looking for this, at this exact moment & somebody also was and another was able to answer. the power of community.

AndreMartinez
Visitor
3 0 0

Thank you Dan, I appreciate it, it worked.