How to put Search Box in Secondary Menu bar

Search Box in Secondary Menu bar
Add the following code in header.php file

<?php get_search_form(); ?>

You have to insert this code before
</div> <!– .container –>
</div> <!– ‪#‎top‬-header –>

Add the following code in Custom CSS
‪#‎searchform‬ { float: right; }
.screen-reader-text { display: none; }

PHP code creates the search box in secondary menu bar. CSS code make it right aligned in the menu & remove the “Search for:” text from it.


Do You Know?

When you get Divi Theme Tutorials Directory Membership you can download ‘Divi Gradient Animator Extended’

Divi Gradient Animator will help you to create stunning backgrounds. Various Divi modules should look amazing on animated background. All you need is to just activate this plugin and setup your gradient. You can use any css class/id to display animated gradient wherever you want. You can find gradient settings under Divi parent menu.

Live Demo

Tuts Directory Rating


  • The comment section is for blog post/tutorial rating and reviewing purposes only. If you have any questions about a tutorial, please post them in the tutorial publisher's website.

    Leave a Reply

    1 Comment threads
    0 Thread replies
    Most reacted comment
    Hottest comment thread
    1 Comment authors
    Navmeet Singh Recent comment authors
    newest oldest most voted
    Notify of
    Navmeet Singh
    Navmeet Singh

    The “Search for:” text is hidden, but the search bar is still stuck to the left.