Search Function

  • Hi

    Is there any way to overlay the the search function at the top right of the header image or embed into the navigation?

    Really like your template by the way. Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author TT Themes

    (@tomastoman)

    Hi,

    you can change the position of the header search form using this custom CSS:

    body .header-content #searchform .searchform-wrapper {top: 250px;}

    To embed it into the navigation bar, you will need to modify the “header.php” template, so I can recommend you to create a child theme. In “header.php”, search for the following code:

    <div class="menu-box">
      <a class="link-home" href="<?php echo esc_url( home_url( '/' ) ); ?>"></a>
<?php wp_nav_menu( array( 'menu_id'=>'nav', 'theme_location'=>'main-navigation' ) ); ?>
    </div>

    and modify it in this way:

    <div class="menu-box">
      <a class="link-home" href="<?php echo esc_url( home_url( '/' ) ); ?>"></a>
<?php wp_nav_menu( array( 'menu_id'=>'nav', 'theme_location'=>'main-navigation' ) ); ?>
<div style="float: right; width: 10%; margin-top: 7px;"><?php get_search_form(); ?></div>
    </div>

    Best regards,
    Tomas Toman

    Thread Starter brilliantburger

    (@brilliantburger)

    I will try this. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Search Function’ is closed to new replies.