Update Header

1: Update Header

Login site with Administrator account, go to frontend and choose to edit header

a) Create Sticky Header in Desktop, Tablet/Mobile. Add some class in section

header_sticky : Display sticky in desktop

mobile_sticky : Display sticky in Tablet/Mobile

sticky_bg_dark: Background dark When scroll page

b) Show/hide Element in Desktop, Tablet/Mobile

2: Change Header

Go to Pages >> Choose a page that want to change its header

You click on header version to choose a header for that page.

You can choose Header Versions:

a) Global: This page is using Header in Appearance >> Customize >> Header

b) Default: This page is using Default Header. You only can customize this header in template file (header.php file in theme)

c) Header 1, Header 2, Header 3, Header Banner: If you choose these header, you can change it in Builder Header Footer >> All HF

3: How to choose a Header for All Pages.

Step 1: Choose Header in Global

Read here

Example: Choose "Header Banner".

Step 2: Setup All Custom Post Type has header like Step 1

• Go to Apperance >> Customize >> Blog >> Archive >> Choose "Header" setting for archive post.

• Go to Apperance >> Customize >> Blog >> Single >> Choose "Header" setting for Single post.

• Go to Apperance >> Customize >> WooCommerce >> Product Catalog >> Choose "Header" setting.

• Go to Apperance >> Customize >> WooCommerce >> Product Detail >> Choose "Header" setting.

Step 3: Choose Header Version: Global

When create new Page/Post choose Header: global