Search form on navigation menu
-
Hi!
I need to move the search form to header, specifically to the right of the navbar menu. Is it possible to make it show as in TwentyThirteen theme or in Youtube channels?
Here are some captures:
https://gyazo.com/b73a0493181495ea030007210e08a898
https://gyazo.com/aef9265caf2c642a0c6669df9a015de3
By the way, awesome theme! Thank you for sharing!
Viewing 11 replies - 1 through 11 (of 11 total)
-
Hi,
Please make child theme and create header.php in child theme directory.
Now copy code from LINK and paste to header.php that you create in child theme directory.
Save the change.
Thanks.
It worked perfectly, thank you. But oddly now the Facebook icon in header won’t show, while Twitter and YouTube ones do. How can I fix it?
Hi,
please share your site URL.
Thanks.
Here it is https://spongevan.16mb.com/
Thank you.Hi,
Please share code of header.php that you have in child theme.
Thanks.
This is the code.
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html <?php language_attributes(); ?>><!--<![endif]--> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="<?php bloginfo('charset'); ?>" /> <?php $wl_theme_options = weblizar_get_options(); ?> <?php if($wl_theme_options['upload_image_favicon']!=''){ ?> <link rel="shortcut icon" href="<?php echo esc_url($wl_theme_options['upload_image_favicon']); ?>" /> <?php } ?> <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" /> <?php wp_head(); ?> </head> <body <?php body_class($wl_theme_options['layout_selector']); ?> style='background-image: url("<?php echo $wl_theme_options['back_image']; ?>");'> <div id="wrapper"> <!-- Header Section --> <div class="header_section" > <div class="container" > <!-- Logo & Contact Info --> <div class="row "> <div class="col-md-6 col-sm-12 wl_rtl" > <div claSS="logo"> <a href="<?php echo esc_url(home_url( '/' )); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"> <?php if($wl_theme_options['upload_image_logo']){ ?> <img class="img-responsive" src="<?php echo $wl_theme_options['upload_image_logo']; ?>" style="height:<?php if($wl_theme_options['height']!='') { echo $wl_theme_options['height']; } else { "80"; } ?>px; width:<?php if($wl_theme_options['width']!='') { echo $wl_theme_options['width']; } else { "200"; } ?>px;" /> <?php } else { echo get_bloginfo('name'); } ?> </a> <p><?php bloginfo( 'description' ); ?></p> </div> </div> <?php if($wl_theme_options['header_social_media_in_enabled']=='1') { ?> <div class="col-md-6 col-sm-12"> <?php if($wl_theme_options['email_id'] || $wl_theme_options['phone_no'] !='') { ?> <ul class="head-contact-info"> <?php if($wl_theme_options['email_id'] !='') { ?><li><i class="fa fa-envelope"></i><a href="mailto:<?php echo $wl_theme_options['email_id']; ?>"><?php echo esc_attr($wl_theme_options['email_id']); ?></a></li><?php } ?> <?php if($wl_theme_options['phone_no'] !='') { ?><li><i class="fa fa-phone"></i><a href="tel:<?php echo $wl_theme_options['phone_no']; ?>"><?php echo esc_attr($wl_theme_options['phone_no']); ?></a></li><?php } ?> </ul> <?php } ?> <ul class="social"> <?php if($wl_theme_options['facebook_link']!='') { ?> <a href="<?php echo $wl_theme_options['facebook_link']; ?>"><li class="facebook" data-toggle="tooltip" data-placement="bottom" title="Facebook"><i class="fa fa-facebook"></i></li></a> <?php } if($wl_theme_options['twitter_link']!='') { ?> <a href="<?php echo $wl_theme_options['twitter_link']; ?>"><li class="twitter" data-toggle="tooltip" data-placement="bottom" title="Twiiter"><i class="fa fa-twitter"></i></li></a> <?php } if($wl_theme_options['dribble_link']!='') { ?> <a href="<?php echo $wl_theme_options['dribble_link']; ?>"><li class="dribbble" data-toggle="tooltip" data-placement="bottom" title="Dribble"><i class="fa fa-dribbble"></i></li></a> <?php } if($wl_theme_options['linkedin_link']!='') { ?> <a href="<?php echo $wl_theme_options['linkedin_link']; ?>"><li class="linkedin" data-toggle="tooltip" data-placement="bottom" title="Linkedin"><i class="fa fa-linkedin"></i></li></a> <?php } if($wl_theme_options['youtube_link']!='') { ?> <a href="<?php echo $wl_theme_options['youtube_link']; ?>"><li class="youtube" data-toggle="tooltip" data-placement="bottom" title="Youtube"><i class="fa fa-youtube"></i></li></a> <?php } if($wl_theme_options['google_plus']!='') { ?> <a href="<?php echo $wl_theme_options['google_plus']; ?>"><li class="Googleplus" data-toggle="tooltip" data-placement="bottom" title="Googleplus"><i class="fa fa-google"></i></li></a> <?php } if($wl_theme_options['flicker_link']!='') { ?> <a href="<?php echo $wl_theme_options['flicker_link']; ?>"><li class="flicker" data-toggle="tooltip" data-placement="bottom" title="Flicker"><i class="fa fa-flickr"></i></li></a> <?php } if($wl_theme_options['instagram_link']!='') { ?> <a href="<?php echo $wl_theme_options['instagram_link']; ?>"><li class="instagram" data-toggle="tooltip" data-placement="bottom" title="Instagram"><i class="fa fa-instagram"></i></li></a> <?php } ?> </ul> </div> <?php } ?> </div> <!-- /Logo & Contact Info --> </div> </div> <!-- /Header Section --> <!-- Navigation menus --> <div class="navigation_menu " data-spy="affix" data-offset-top="95" id="<?php if($wl_theme_options['header_position']=='fixed') { echo "enigma_nav_top"; } ?>"> <span id="header_shadow"></span> <div class="container navbar-container" > <nav class="navbar navbar-default " role="navigation"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menu"> <span class="sr-only"><?php _e('Toggle navigation','weblizar');?></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="menu" class="collapse navbar-collapse "> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav navbar-nav', 'fallback_cb' => 'weblizar_fallback_page_menu', 'walker' => new weblizar_nav_walker(), ) ); ?> <?php get_search_form(); ?> </div> </nav> </div> </div>Thank you.
Hi,
Please go to Admin Dashboard >>Appearance >>Theme Options >>General Settings and find Custom CSS editor.
Now Copy below CSS in Custom CSS editor.
#menu .input-group { float: right; }Save the changes.
Thanks.
Thank you but it didn’t fix the problem. The Facebook icon is still missing.
Hi…
Please copy code from this link LINK and paste in your theme’s header.php.
Save the change.
Thanks.
It worked. Thank you so much!
Hi,
Most Welcome.
Thanks.
Viewing 11 replies - 1 through 11 (of 11 total)
- The topic ‘Search form on navigation menu’ is closed to new replies.
