Set Logo Picture blending mode

Support
#1

Hi There APEX

I want to set the logo and hamburger menu of my website http://brainfire.ch.kosmos.ch-meta.net/agentur/ like the Logo and hamburger menu of https://www.thjnk.ch/. I tried but nothing happened. Can you help me out?

Thanks, Pat

#2

Hi Pat,

You can try with the SuperFly extension, it’s free and bundled with Pro theme:

Hope it helps :slight_smile:

#3

Hi APEX
Thanks for answering but I was not clear enough :wink: I don’t have Problem with the Menu. What I want is that the Logo and Hamburger Menu BLENDS with the Background - so it has some CSS Blending Mode attached to it. Can you help me out with this?

Thanks, Patric

#4

Hi There,

Sorry for the confusion here!
If I understand properly you want the transparent logo to be sticky on the top of the page and the Hamburger Menu in the left side. If so.
You can do that use Pro header builder.
create a header bar with transparent background and enable sticky option and position absolute.

Place the logo in the bar.

After that create one left bar width transparent BG and same sticky option.

and add this to element CSS of the bar.

$el{
  position: absolute;
  left: 0px;
  height: 100%;
  top: 0px;
}

You can place the Hamburger menu in the bar.

Thanks

#5

Hi Basanta,

No, you missunderstood me again. I simply want to have the logo and hamburger menu of my website http://brainfire.ch.kosmos.ch-meta.net/agentur/ like the COLOR BLENDED Logo and hamburger menu of https://www.thjnk.ch/. Please visit that site https://www.thjnk.ch/ AND SCROLL DOWN to check it out how it blends with the backgrounds! I tried with CSS but nothing happened. Can you help me out?

#6

Hey @Brainfire,

It’s possible but it would be tricky to pull off with your setup and the theme in general since the blend mode you’re referred to is only applicable to the direct parent of the element you apply it to. That means, the logo and mobile button must be added directly inside the body tag. In the theme, the elements are wrapped within the masthead.

This would require custom development which is regretfully outside the scope of our support.

Thank you for understanding.

#7

Okay, many many thanks!

#8

You are most welcome. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.