Jump to content
biosopher

Float Navbar To Right Of Branding/logo Image

Recommended Posts

biosopher    0
biosopher

Please checkout my site to see the problem: http://www.infidian.com.

As you can see, I've floated my PLNavBar to the right of my logo. However I now have two PLNavBars appearing, and I've spent multiple hours trying to determine where this 2nd PLNavBar is coming from.

In the_template_map() of class.template.php, I've separated the 'pagelines_header' hook as below so that I control when the PLNavBar is created and placed:


$template_map['header'] = array(

'hook' => 'pagelines_header',

'name' => __( 'Site Header', 'pagelines' ),

'markup' => 'content',

'sections' => array( 'PageLinesBranding')

);

$template_map['header_nav_bar'] = array(

'hook' => 'pagelines_header_nav_bar',

'name' => __( 'Site Header Nav Bar', 'pagelines' ),

'markup' => 'content',

'sections' => array('PLNavBar','PageLinesSecondNav' )

);


And using Pagelines Customize Plugin, I added this function to add the PLNavBar myself:

add_action('pagelines_branding_wrap_inside_end','add_header_nav');

function add_header_nav() {

pagelines_template_area('pagelines_header_nav_bar', 'header_nav_bar');

}

The above code works because I updated Branding's section.php with an additional hook within brandings <div>:

pagelines_register_hook( 'pagelines_after_branding_wrap', 'branding' ); // Hook

So all should be well, but that 2nd PLNavBar is showing up...which it shouldn't as I'm only calling PLNavBar once via add_header_nav(). My ONLY clue thus far is that the 2nd PLNavBar can be removed on a Page-by-Page basis using the WP admin. So it seems the WP admin knows about this 2nd PLNavBar. Is it creating it somehow?

Any suggestions?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

Unfortunately, we are unable to provide support for custom code you have created. If you need assistance with this type of customisation, I recommend you contact one of our pros - http://www.pagelines.com/pros

However, why don't you simply use the BrandNav section, which contains your logo aligned to the left and your navigation aligned to the right.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
biosopher    0
biosopher

My question is less about custom code and more about how Pagelines template areas is structured.

This is what I get 'out of the box' with aligning right. The Nav bar displays the the right BUT below the logo and looks awkward.

{IMAGE GOES HERE]

Hmmm....this forum's fairly antiquated. I can't find a way to upload an image of my site to share. Very disappointing!

Share this post


Link to post
Share on other sites
biosopher    0
biosopher

Trying to contact a Pro now. Sadly it's been 1.5 hours and no email response. I'd hoped the Pros would be more responsive as I'm more than wiling to pay a few $$hundred to resolve this issue.

Share this post


Link to post
Share on other sites
mackenzie    12
mackenzie

Have you heard back from a Pro yet?


Mackenzie - PageLines Help Desk

The Centsible Family - Writer, Photographer and Coffee Addict

---------------------------------------------------

Kindly search this forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

Share this post


Link to post
Share on other sites
evan    0
evan

Hey there biosopher,

Nice to see someone who isn't afraid to get their feet wet with the core code! I hope you're not editing core files though :rolleyes:

It seems like you're trying to stick the navbar into your branding section, correct? It really isn't necessary to mess with the template map like that.

Actually, if you look in the section.php for the navbar itself, there is an example of how you can insert a section on any hook. That's how the fixed navbar works. Check out the block starting on line 164 of the navbar's section.php:


if(ploption('navbar_fixed')){


build_passive_section(array('sid' => $this->class_name));


add_action( 'pagelines_before_page', create_function( '', 'echo pl_source_comment("Fixed NavBar Section");' ) );

add_action('pagelines_before_page', array(&$this,'passive_section_template'), 10, 2);



pagelines_add_bodyclass('navbar_fixed');

}

This code could be duplicated and modified to run on another hook (like inside the branding section). This code must run from within the navbar section's class though, so to customize it, just copy the navbar section's folder from core into your child theme's sections folder. Just change the action's hook to where you want your passive navbar to go ('pagelines_before_page' to 'your_hook'). Change the added bodyclass to something else if you need it, otherwise you could leave that out.

Good luck!

Share this post


Link to post
Share on other sites
miketaylorphoto    2
miketaylorphoto

This is exactly what I would like to do Evan. Is there anyway you could explain the steps a little more detailed Im kinda a noobie

Share this post


Link to post
Share on other sites
Rob    547
Rob

Mike,

 

This is an old topic and outdated due to the updates in Framework in the past 6 months. Please write a new topic.

 

Thanks for your understanding.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×