How to insert a link in the masthead

volvoxturbo · 2017-03-08 06:01:49

Dear all,

as the subject says i am looking for a solution to insert an clickable email adress and a telephone number in the masthead.

Any suggestions?

Thank you in advance,
Oliver

rod barbee · 2017-03-08 07:40:16

use phplugins
http://backlight.theturninggate.net/doc … sthead_top

Much like Daniel has done on his site, inserting a search form in the masthead
http://danielleu.com/

volvoxturbo · 2017-03-09 03:36:32

Hi Rod,

thanks a lot for your reply!
I figured it out using phplugins to add contact information ABOVE the masthead.
May I ask how Daniel did it to add something INTO the masthead?

Best regards,
Oliver

Daniel Leu · 2017-03-09 04:04:51

Hi Oliver,

I replaced the entire masthead with my own code using ttg_masthead_top and using false as return value.

ttg_masthead_top

if return=false, normal Backlight masthead is skipped
called immediately before the masthead element
fully encompasses the masthead; can be used to replace it

volvoxturbo · 2017-03-09 04:41:30

Hi Daniel,

thanks for your prompt reply.

Thats exactly what I did:

function ttg_masthead_top( $style, $path ) {
echo '

<div class="trallala">
<h2><i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+trallala"> +trallala</a> <i class="fa fa-phone" aria-hidden="true"></i> <a href="tel:+trallala"> +trallala</a> <i class="fa fa-envelope-o" aria-hidden="true"></i> </i> <a href="mailto:blabla@tarllala.com">blabla@trallala.com</a></h2>
<a href="/">
<img src="http://trallala.com/backlight/designer/?c=page&a=image&p1=4" alt="TRALLALA PHOTOGRAPHY" class="identity_plate" width="224" height="44">
</a>
</div>

';
return false;

Do you have any idea how to get the contact information in one line with the identity-plate??? (id-plate is left, in the center of the masthead should be the contactinfo.

Best regards,
Oliver

rod barbee · 2017-03-09 06:51:32

you might try a different structure. Take a look at the source code on Daniel's site for an idea. He's got the logo and the search form in separate divs. You'll need to add styling to float contact info div to the right.

Daniel Leu · 2017-03-09 11:51:37

The challenge is to come up with the proper CSS so that the masthead scales with the size of the browser and looks nice on desktop and mobile.

volvoxturbo · 2017-03-10 05:15:20

Thank you Rod & Daniel,

I will play around with it :-)

Best regards,oliver

Community @ The Turning Gate

#1 2017-03-08 06:01:49

How to insert a link in the masthead

#2 2017-03-08 07:40:16

Re: How to insert a link in the masthead

#3 2017-03-09 03:36:32

Re: How to insert a link in the masthead

#4 2017-03-09 04:04:51

Re: How to insert a link in the masthead

#5 2017-03-09 04:41:30

Re: How to insert a link in the masthead

#6 2017-03-09 06:51:32

Re: How to insert a link in the masthead

#7 2017-03-09 11:51:37

Re: How to insert a link in the masthead

#8 2017-03-10 05:15:20

Re: How to insert a link in the masthead

Board footer