{"id":129233,"date":"2017-10-20T10:54:19","date_gmt":"2017-10-20T09:54:19","guid":{"rendered":"https:\/\/www.megamenu.com\/documentation\/menu-with-centered-logo-copy\/"},"modified":"2017-10-20T11:21:14","modified_gmt":"2017-10-20T10:21:14","slug":"ajax-search-lite-pro","status":"publish","type":"ht_kb","link":"https:\/\/www.megamenu.com\/documentation\/ajax-search-lite-pro\/","title":{"rendered":"Using Ajax Search Lite\/Pro with Max Mega Menu"},"content":{"rendered":"

AJAX Search Lite<\/a> \/ Pro<\/a> is a live search plugin for WordPress. Using the “Replacements” functionality in Max Mega Menu Pro<\/a> it is possible to display the search bar directly within the menu.<\/p>\n

Step 1: Ajax Search Setup<\/h3>\n

Make sure the “Search box width” is set to a fixed width value, e.g. 200px (do not use a percentage based value).<\/p>\n

\"\"<\/a><\/p>\n

Step 2: Max Mega Menu setup<\/h3>\n

Make sure the “Reset Widget Styling” option is unchecked:<\/p>\n

\"\"<\/a><\/p>\n

Step 3: Menu Structure<\/h3>\n

Create a new Custom Link menu item and add it to the menu (it does not matter what you set the “URL” and “Link Text” to).<\/p>\n

\"\"<\/a><\/p>\n

Save the menu structure.<\/p>\n

Step 4: Mega Menu Settings<\/h3>\n

Hover over the new menu item and click the blue “Mega Menu” button:<\/p>\n

\"\"<\/a><\/p>\n

Go to the “Replacements” tab and set the following:<\/p>\n