{"id":1168,"date":"2021-07-10T07:28:11","date_gmt":"2021-07-10T07:28:11","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=1168"},"modified":"2021-07-18T14:51:46","modified_gmt":"2021-07-18T14:51:46","password":"","slug":"how-to-add-full-screen-search","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/how-to-add-full-screen-search\/","title":{"rendered":"How to add Full Screen Search"},"content":{"rendered":"<h3>Add \/ Edit Existing Header<\/h3>\n<p>1- Add New Header\/ Edit your existing Header<br \/>\n2- Add Title for new header<br \/>\n3- Create your Header with the elements<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1029\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png\" alt=\"\" width=\"1453\" height=\"626\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png 1453w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-300x129.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-1024x441.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-768x331.png 768w\" sizes=\"auto, (max-width: 1453px) 100vw, 1453px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Add &amp; Edit Header Search Element<\/h3>\n<p>Adding header Search Element to your Header using WP Bakery Page Builder<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-expanded-search\/add-search-element\/\" rel=\"attachment wp-att-1284\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1284\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-Search-element.png\" alt=\"\" width=\"1412\" height=\"524\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-Search-element.png 1412w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-Search-element-300x111.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-Search-element-1024x380.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/add-Search-element-768x285.png 768w\" sizes=\"auto, (max-width: 1412px) 100vw, 1412px\" \/><\/a><\/p>\n<p>Select a style for search icon<br \/>\nSelect Search Icon Color<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-expanded-search\/search-basic-settings\/\" rel=\"attachment wp-att-1287\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1287\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/Search-basic-settings.png\" alt=\"\" width=\"733\" height=\"669\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/Search-basic-settings.png 733w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/Search-basic-settings-300x274.png 300w\" sizes=\"auto, (max-width: 733px) 100vw, 733px\" \/><\/a><\/p>\n<p><strong>Select Full Screen Search in the Search Tab<\/strong><\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-slide-down-search\/full-screen-search\/\" rel=\"attachment wp-att-1290\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1290\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/Full-screen-Search.png\" alt=\"\" width=\"742\" height=\"411\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/Full-screen-Search.png 742w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/Full-screen-Search-300x166.png 300w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/a><\/p>\n<h3>Create Search Page Template<\/h3>\n<ul>\n<li>Default Search &#8211; This is fixed Design<\/li>\n<li>Page Builder &#8211; Here you can design the Search page using Page Builder.<br \/>\na) Create a Template for search page<br \/>\nb) Add Search Element to the search template<br \/>\nc) Select the template in the Page Builder Option for Search<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Customize Full Screen Search<\/h3>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/how-to-add-full-screen-search\/style-fullscreen-page\/\" rel=\"attachment wp-att-1297\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1297\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/style-fullscreen-page.png\" alt=\"\" width=\"734\" height=\"667\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/style-fullscreen-page.png 734w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/style-fullscreen-page-300x273.png 300w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/a><\/p>\n<p>If you want to have a different menu for Mobile Menu then follow Next Step<\/p>\n<p><strong>Next Step &#8211; Customizing Mobile Menu for the newly created header &#8211; <\/strong><a href=\"https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/\">https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add \/ Edit Existing Header 1- Add New Header\/ Edit your existing Header 2- Add Title for new header 3- Create your Header with the elements &nbsp; Add &amp; Edit Header Search Element Adding header Search Element to your Header&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-1168","docs","type-docs","status-publish","hentry","doc_category-header-builder"],"year_month":"2026-04","word_count":149,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"author_nicename":"tech_ac9x_hlp","author_url":"https:\/\/apressthemes.com\/help\/author\/tech_ac9x_hlp\/"},"doc_category_info":[{"term_name":"Header Builder","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/header-builder\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"tech_ac9x_hlp","display_name":"Apress Help","id":"2"}],"_links":{"self":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/comments?post=1168"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1168\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1168"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1168"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}