second logo in header

Hi everybody,

I found this topic https://kriesi.at/support/topic/2-logo-on-the-header/ and it was what i was looking for, but what i tried doesn’t work for me, because i need that the second logo shrinks when the header shrinks instead it doesn’t. I notice that when i insert this CSS : #header .widget {
left: 80%;
padding-top: 0;
position: absolute;
top: 0;
transform: translate(-0%);
}
second logo shrinks but it’s too much on the left, as soon as i try to change position and i change value from left: 80% to 50%, logo hasn’t shrinked anymore and it doesn’t follow header behavior.

so i’m here:

1) I have create a widget area in header
2) I have create a widget called “header”
3) I insert in the widget what i needed

Now what do i need?

1) let logo shrink when the page scrolls and the header shrinks as well
2) Have one logo on the right and one on the left and main_menu in the middle between 2 logos ( if this thing is possible without too much work for)

if you any other way to let me get my target i’ll be happy to wait fot suggestions
could you help me please?

thanks so much

P.S.: this is the code of logo i would like to insert:

• This topic was modified 8 years ago by giorgiosilvia.