Archived topic

Second Image in Header

3 replies · Started by Alexander on September 8, 2015

Viewing posts 1–4 of 4

September 8, 2015 at 12:50 am #135199

Hi,

how can i place a second Image in the Header?
For Example, the Logo on the left Side and a Hotline-Image at the right Side.

Alex

September 8, 2015 at 4:15 am #135208

Hello Alexander,

you can do this with your Header Widget. Go to Appearance > Widgets > Header
You can add a text widget and place your image inside. Just add this to your text widget:

<img src="http://youimagelink.com/image.png">

September 8, 2015 at 4:39 am #135210

Hi Jean,

many thanks for the Info, this works!

One more Question: On Mobile, the Widget stands above the Logo. What can I do that the Widget appears under the Logo?

Alex

September 8, 2015 at 4:45 am #135211

You can try this:

1. Go into the Customizer, and remove your logo.
2. Go into “Appearance > GP Hooks” and into the “Before Header Content” area.
Paste this into the area:

<div class="site-logo">
      <a rel="home" title="YOUR WEBSITE TITLE" href="YOUR HOMEPAGE URL"><img title="YOUR WEBSITE TITLE" alt="YOUR WEBSITE TITLE" src="THE URL TO YOUR IMAGE" class="header-image"></a>
</div>

This archived topic is closed to new replies.

Start building better websites today.