1. Introduction
  2. Getting Started
    1. Requirements
    2. WordPress Installation
    3. Theme Installation
      1. with Envato Market Plugin
      2. with FTP Client
      3. Through WordPress
    4. Theme Setup Wizard
    5. Child Theme
    6. Sample Data
  3. Theme/Plugin Update
  4. Theme Settings
    1. Layout Settings
    2. Site Logo
    3. Site Preloader Option
    4. Back to Top
    5. Header
      1. Site Header
      2. Topbar
      3. Search
    6. Footer
      1. Footer Layouts
      2. Copyright Section
      3. Footer Above Content
    7. Page Header
    8. Page Settings
    9. Blog/Post Settings
      1. Blog Settings
      2. Archive Settings
      3. Single Post
    10. Portfolio
    11. Team
    12. WooCommerce
      1. Product Settings
      2. Products Listing
      3. Products Filters
      4. Single Product
      5. Quick View
      6. My Account
    13. FAQ Settings
    14. Color Scheme
    15. Site Info
      1. Social Profiles
      2. Site Contacts
      3. Cookie Law Info
      4. Opening Hours
    16. Social Sharing
    17. Typography
      1. Typography
      2. Typekit Fonts
      3. Additional Fonts
      4. Custom Fonts
    18. 404 Page
    19. Maintenance
    20. MailChimp Settings
    21. Instagram
    22. Google
    23. Custom CSS/JS
    24. Sample Data
    25. Import/Export
  5. Elementor Widget/WPBakery Shortcodes
    1. Accordion
    2. Banner
    3. Blockquote Settings
    4. Blog Posts
    5. Button
    6. Callout
    7. Clients Logo
    8. Contact Form
    9. Countdown
    10. Counter
    11. DropCap
    12. Flipbox
    13. Hotspot Image
    14. Image Comparison
    15. Image Gallery
    16. Image Parallax
    17. InfoBox
    18. Instagram
    19. List
    20. Map
    21. Menu List
    22. Price Menu
    23. Newsletter
    24. Portfolio
    25. Pricing Table
    26. Process
    27. Product Category
    28. Products
    29. Progressbar
    30. Section Title
    31. Separator
    32. Slider
    33. Social Links
    34. Team
    35. Tabs
    36. Testimonials
    37. Timeline
    38. Video
  6. Additional
    1. Header Builder
    2. Footer Builder
    3. Mega Menu
    4. Custom Sidebar Widget
    5. Custom Menu
    6. Topbar Menu
  7. Widgets
    1. WebGatha Contact Us
    2. WebGatha Facebook
    3. WebGatha Instagram
    4. WebGatha Newsletter
    5. WebGatha Opening Hours
    6. WebGatha Recent Posts
    7. WebGatha Social
    8. WebGatha Testimonials
  8. Extra
    1. Browser Support
    2. How to rate this item
    3. Translation
      1. Poedit
      2. Loco Translate
      3. WPML
      4. Polylang
  9. Source & Credits

Header Builder

WebGatha comes with six predefined header styles with different settings and options, by using them in combination, you can create a customized header.

Header Builder allows you to create a custom header, which you can use as header.
You can set which header to use for all pages using theme settings in Theme Options. The header builder is an intuitive drag and drop header editor. With the help of a header builder, you can create customized, eye-catching and impressive unlimited headers with an infinite number of styles by just drag and drop.

You can use a component at different locations, like Top Bar, Main Header or in the Header Bottom, and you can set individual properties for each. The header builder provides better and precise control over header elements. Header builder also provides the facility to create customized and responsive headers for mobile devices too, which gives a great user experience on all devices and platforms.

 

Enable Header Builder in Theme Options

By default, the theme will display predefined header styles. You can display custom header by enabling it by selecting “Header Builder” in Theme Options > Header > Site Header > “Select header type” field. Enabling custom header will enable another field, named “Select Custom Header”, next to the “Select header type” field, in which you can choose custom header built-in Header Builder section.

 

Header Builder Sections

A header consists of three sections:
1. Top Bar: As the name suggests, it’s the top area of the header.
2. Main Header: As the name suggests, it’s the main area of the header.
3. Header Bottom: As the name suggests, this row is located at the bottom of the header.

 

Header Builder Components

Header builder comes with the below components:

  1. Account: Add a login and register links and form.
  2. Button: Create buttons with various styles and options.
  3. Cart: Add WooCommerce Cart icon.
  4. Compare: Add WooCommerce Compare icon.
  5. Currency: Add WooCommerce currency switcher dropdown.
  6. Divider: Add a separator to divide the header content.
  7. Email: Add email address.
  8. Static Block: Select and add a Static Block content.
  9. Language: Add language switcher/selector dropdown.
  10. Logo: Add a logo in the header. Settings to customize the logo options are available in the theme options.
  11. Menu: Add any existing WordPress menus to the header.
  12. Phone Number: Add a phone number to the header.
  13. Primary Menu: Add menu assigned in the Primary menu location.
  14. Search: Add a WordPress search form.
  15. Social Profile: Add social profile links to the header. Social profiles can be managed from Theme Options.
  16. Space: Add horizontal space between two elements.
  17. Text Block: Add text/HTML content with WYSIWYG editor.
  18. Wishlist: Add WooCommerce Wishlist icon.

 

Suggest Edit