XF 2.1 Picture and Text in Header?

[blackburn27]

Hello I would like to put something in the middle of the header.
A text and a graphic.
SO like here in the example:



.like-us {
color: white;
font-family: "Tahoma;
font-size: 1.0px;
text-shadow: 1px 1px 2px black;
position: absolute;
left: 480px;
top: 6px;
transition: all 300ms;
}
.like-us:hover {
transform: translateX(10px);
}

I have this code that makes a mouse hover that moves when you go over it, does that come in Extra.less?

and where do I have to write something so that it is displayed in the header? So this one?
<div class="like-us ">Folge uns! </div>

Danek for your help

 

[Paul B]

You can likely use the header ad position for the content.

The CSS can go in the extra.less template.

 

[blackburn27]

but I only have 2 header tamplates:
app_header.less &
xb_header.less

what do you mean by use the header ad position ?

 

[Paul B]

The advertising system.