Relume
Log in

Community forum for knowledge and support

Updated last year

Applying Effect Blending > Difference to Navbar Elements

At a glance

A community member is having trouble applying the "Difference" blend effect to various elements of a Navbar (Component 16). They have set the Navbar to a fixed position with a transparent background and the elements to white, but the Difference mode is not working. The community members suggest removing the blend difference from all elements, resetting the blend modes, and trying to apply it only to the navbar16_component or a single element at a time. They also suggest using interactions to change the blend mode when the menu is open, but the community member says there is no way to do that. Ultimately, the community member concludes that the only way to achieve the desired effect is to separate the divs, but they cannot put the Navlink outside the Navbar.

Useful resources
MManuele Haisek
·

Hello guys!
I'm in trouble with EFFECT BLENDING > DIFFERENCE
I trying to apply this effect to various elements of the Navbar (Component 16)
I applied the fixed position to navbar and a trasparent background, so I set elements to white but the difference mode not working.
Ant suggestion?
Thanks to reading

https://preview.webflow.com/preview/podere-san-luigi-7e95e0?utm_medium=preview_link&ut[…]0&preview=93990aada15a8e10972fcf3709a6a6af&workflow=preview

M
M
6 comments
MMatt Johnson

I would remove the blend difference from all the elements that you current have it on - make sure to check all elements. I think you are getting conflicts with them and also you have a combo class that I think might be messing this up for you too.

Once you've reset all elements blend modes, I would try adding it only to navbar16_component or to a single element at a time.

Are you wanting to control the blend modes with interactions or?

MManuele Haisek

Hey Matt
Thanks for your time, I applied the difference blend to navbar16_component but it applies also to navbar16_menu when it opens.. how could I do to avoid this

MMatt Johnson

could you try using the interactions here to change the blend mode when its open?

MManuele Haisek

I've tried but there is no way to do that

MManuele Haisek

I think there is no way to do what I want except to separate div's

MManuele Haisek

but i can't put Navlink outside Navbar

Add a reply
Sign up and join the conversation on Slack