• If you are looking at my test site spejder.325.dk, you will see that I am struggling to get the search box up in the menu bar.

    The problem is, that if I push the search box in the middle of the menu bar, then you cannot enter the box.

    It seems like menu bar stays on top of the search field when I move into place.

    How do I place the search box on top of the menu bar?

    Additional info:
    the part of header.php (in child theme of twenty twelve)where the search box is defined:

    < hgroup >
    < a href=”< ?php echo esc_url( home_url( ‘/’ ) ); ? >” >< img src=”< ?php bloginfo(‘stylesheet_directory’); ? >/images/topvenstre.gif” width=”204″ height=”95″ align=”top” alt=”” >< /a >
    < nav id=”site-navigation” class=”main-navigation” role=”navigation” >
    < ?php wp_nav_menu( array( ‘theme_location’ => ‘primary’, ‘menu_class’ => ‘nav-menu’ ) ); ? >
    < /nav ><!– #site-navigation –>
    < div class=”searchformtop” >
    < ?php get_search_form(); ? >
    < /div>
    < /hgroup >

    the part of style.css where the position of searchbox is definded:

    }
    .searchformtop {
    float: right;
    margin-top: 0px;
    margin-top: 0rem;
    }

    if I set margin-top to -48px the box will move to is position in menu bar.

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Search box in menu bar’ is closed to new replies.