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.

    1
    Leave a Reply

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

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