Search Button on Topnav

[peterlazParticipant Post count: 1]

I am using lifestyle 2.0.2

I have added a topnav bar above the header banner.

I would like to move the search button from the primary navigation to topnav.

How can I do it?

Thanks

[peterlazParticipant Post count: 1]

I added the following in the topnav.php

<?php get_search_form(); ?>

and now I can get the search button.

What setting should I change  in style.css file to position it neatly on topnav?

Thanks

http://stpatrickkk.com

 

• This reply was modified 5 months, 4 weeks ago by  peterlaz.
• This reply was modified 5 months, 4 weeks ago by  peterlaz.

• This reply was modified 5 months, 4 weeks ago by  peterlaz.
• This reply was modified 5 months, 4 weeks ago by  peterlaz.

[peterlazParticipant Post count: 1]

I have adjusted all the relevant margins and padding but I am unable to move up the button so that it is sited in the middle.

How can I move it up?

Thanks

[SoZoModerator Post count: 1573]

There is a 5px top margin applied by .s

I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[peterlazParticipant Post count: 1]

Thanks for your assistance.

I got it fixed.

You may close the thread .

 

[SoZoModerator Post count: 1573]

You’re welcome

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[jhollomanParticipant Post count: 6]

@pete & Sozo,

I just took a peek at your site and I am trying to do the same, add a top nav above the header.

Would you mind sharing your code that used to get the result you wanted.

I added a widget via the functions.php using this code:

genesis_register_sidebar( array(
‘id’ => ‘topnav’,
‘name’ => ‘Top Nav’,
‘description’ => ‘This is top nav above the header.’,
) );

I added the simple hooks plugin and called up the nav before the header using this code:

</p>
<p class="MsoNormal"><div class="topnav"></p>
<p class="MsoNormal"><?php dynamic_sidebar( ‘topnav’ ); ?></p>
<p class="MsoNormal"></div></p>
<p class="MsoNormal">

Result is I can see the spacing for the nav bar above the header, but the id (#topnav) i created inn the style sheet does not display the topnav bar as I would like.
I’d like to know how you solved this on your site.
James

[jhollomanParticipant Post count: 6]

I was just reviewing my post and saw some funky coding.

The code for the simple hooks plugin includes everything after the “MsoNormal” for each line.

James

[Author]

Posts