Search box in menu bar
-
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.
- The topic ‘Search box in menu bar’ is closed to new replies.