Jump to content
Sign in to follow this  
pagerun

Header placement

Recommended Posts

pagerun

How do I place an element into the middle or right part of the header? This should a standard part of the framework, because it very common requirement to have a search box, phone number or an image in that area. I have tried adding a universal sidebar to the header, but it only goes above or below the logo.I have floated it to the right, but still adds another line, and I'd like it to be to the right of the logo.Universal sidebar doesn't seem like a great solution in any case. What is the best way to go about this?

Share this post


Link to post
Share on other sites
Danny

Hi, The thing you will want to do is go to Wordpress Admin Dashboard > PageLines > Store > Plugins and install/activate the Action Map plug-in. Once active, refresh your website, in the Wordpress Admin bar there should now be a new link called ActionMap in the top left hand corner. If you click this link, it will display all the hooks available to you, identify with hook position is best for you and then copy the hook name. Once you have this, view the forum topic here - http://www.pagelines.com/forum/discussion/14846/make-header-jpeg-link-to-email-instead-of-root#Item_2 and in the code provided replace

pagelines_branding_icons_end

With the hook name you wish to use, then add this code to either your child themes or PageLines Customisation plug-in's function.php file.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pagerun

Ok that works - thanks. Seems that there is only one hook position in the header though: pagelines_branding_icons. So this works if you want to replace the social media icons. But if you want to place something in the header in addition to the social media icons, for example a phone number to the left of it, or if I want the phone number on the right and the icons in the middle of the header, how can this be done?

Share this post


Link to post
Share on other sites
Jenny

There are lots of hooks in the header. Activate the "Action Map" plugin to see all the hook locations live on your site.


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
pagerun

Ah I see it now. The hook locations seem to show on the right and left side of the header. How do you place something in the middle of the header? Also, Im getting this message at the top of the screen when I turn on the action map: "Warning: Invalid argument supplied for foreach() in /wp-content/plugins/pagelines-action-map/pagelines-action-map.php on line 76"

Share this post


Link to post
Share on other sites
catrina

You can place something in the middle of the header by repositioning with CSS: http://www.w3schools.com/Css/css_positioning.asp Try to deactivating your other active plugins to see if the action map error keeps occurring.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
batman

HI pagerun, like said simple_mama and Danny, I think that...

You can add an action for add meta setting

One of this is : pagelines_before_branding_icons

You can find at:

http://api.pagelines.com/hooks

You can see this links to begin:

http://www.pagelines...ustomize_Plugin

http://codex.wordpress.org/Plugin_API

Here the example:

add_action('pagelines_before_branding_icons','add_tagline_to_branding');

function add_tagline_to_branding() {

$tagline = 'YOUR TEXT HERE';

printf('<div id="branding_tagline">%s</div>', $tagline);

}

Then you can move add in

PageLines > Site Options > Custom Code > CSS Rules

#branding_tagline {

margin-left: #px;

margin-top: #px;

margin-bottom: #px;

margin-right: #px;

}

You can change #px as you like


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
pagerun

Just wondering why that thread completely disappeared?

Share this post


Link to post
Share on other sites
Danny

So basically the code in the post I linked become corrupted when we moved our support forums from Vanilla to IPB. Therefore, I have added the basic code below to add information to your header.

add_action('pagelines_branding_icons_end', 'branding_contentl');
function branding_content(){ ?>

HTML Goes Here.

<?php
}
[/CODE]


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×