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 (Display header when scroll page)

mobile_sticky : Display sticky in Tablet/Mobile (Display header 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 >> Move to General Settings >> Go to header version tab and choose a header for that page in header version drop-down.

You can choose Header Versions:

a) Global: You will use the header that is selected global settings ( use a header for all pages). Read here to configure the header in global settings.

b) Default: If you don't use Elementor to create pages, this page will use Default Header. You only can customize this header in template file (header.php file in theme)

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

3: Use only a Header for site

a) Setting in Customizer

Go to Appearance >> Customize >> Header >> Choose a header version that you want to use for site.

Example: Choose Header 1

b) Other Setting in Customizer choose Header like step a

  • Appearance >> Customize >> Blog >> Archive or Single tab >> Choose Header 1

  • Appearance >> Customize >> Project >> Choose Header 1

  • Appearance >> Customize >> Team >> Choose Header 1

  • Appearance >> Customize >> Career >> Choose Header 1

  • Appearance >> Customize >> WooComemrce >> Choose Header 1

c) When edit a page/post:

In General Setting section choose Header Version: Global

Last updated