Close

How to add Full Screen Search

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

 

Add & Edit Header Search Element #

Adding header Search Element to your Header using WP Bakery Page Builder

Select a style for search icon
Select Search Icon Color

Select Full Screen Search in the Search Tab

Create Search Page Template #

  • Default Search – This is fixed Design
  • Page Builder – Here you can design the Search page using Page Builder.
    a) Create a Template for search page
    b) Add Search Element to the search template
    c) Select the template in the Page Builder Option for Search

 

Customize Full Screen Search #

If you want to have a different menu for Mobile Menu then follow Next Step

Next Step – Customizing Mobile Menu for the newly created header – https://localhost/apdoc/docs/mobile-header-using-wp-bakery-page-builder/

Powered by BetterDocs