Search Button on Topnav

Community Forums Forums Design Tips and Tricks Search Button on Topnav

This topic is: not resolved

This topic contains 7 replies, has 3 voices, and was last updated by  jholloman 1 year, 2 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1816

    peterlaz
    Participant
    Post count: 5

    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

    #1817

    peterlaz
    Participant
    Post count: 5

    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 1 year, 4 months ago by  peterlaz.
    • This reply was modified 1 year, 4 months ago by  peterlaz.
    • This reply was modified 1 year, 4 months ago by  peterlaz.
    • This reply was modified 1 year, 4 months ago by  peterlaz.
    #1863

    peterlaz
    Participant
    Post count: 5

    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

    #1870

    SoZo
    Moderator
    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

    #1884

    peterlaz
    Participant
    Post count: 5

    Thanks for your assistance.

    I got it fixed.

    You may close the thread .

     

    #1903

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


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

    #15399

    jholloman
    Participant
    Post count: 7

    @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

    #15403

    jholloman
    Participant
    Post count: 7

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.