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?
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?
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?
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.
Thanks for your assistance.
I got it fixed.
You may close the thread .
@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:
‘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.
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.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.