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

1




  • 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 on "How to put Search Box in Secondary Menu bar"

    Notify of
    avatar
    Sort by:   newest | oldest | most voted
    Navmeet Singh
    Guest

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

    wpDiscuz