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 Banner, Header 2, Header 3, Header 4, Header Banner Accommodation : 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 like header in step 1.

• Go to Apperance >> Customize >> Choose Header in "Blog", "WooCommerce"

Example: Choose all custom post type to "Header Banner"

Step 3: Choose Header Version: Global

When create new Page/Post choose Header: global