How to change logo as the slider changes its slide

Store Design
1

Hey, so I was working on my draft theme, and I wanna change the logo as the slide changes because the color of slider is matching with my logo which is hiding the logo so I wanna make it like as soon as the slide changes the logo changes as well
My Draft theme link: https://mz0uaagiy81q931m-18450743360.shopifypreview.com

2

Hi @Moeed ,

This is Kate from PageFly - Landing page builder,

If you want to customize the logo differently for each slider, you need to know about JS. But it will also be very complicated

I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/custom-style.scss.css->paste below code at the bottom of the file:

.wrapper_header_03 .header-bottom .logo-img .logo-parallax {
        filter: drop-shadow(2px 4px 6px black);
}

PageFlyKate_0-1675867901453.png
PageFlyKate_0-1675867901453.png1143×312 112 KB

I hope it would help you
Best regards,

Kate | PageFly

3

Are you able to help me with JS?

4

Hi @Moeed ,

Sorry for late reply.

I’m sorry but this is out of my scope. You may try contacting Shopify support or finding another expert regarding this issue.

Best regards,

Kate | PageFly