Update Header
1: Update Header
Login site with Administrator account, go to frontend and choose to edit header
![](https://ova-themes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1446740741-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwJWEO8FZZoHa2LzRnq1W%252Fuploads%252FslxF0rJMfJOegqbi5Vsd%252FScreen%2520Shot%25202022-04-08%2520at%25202.39.02%2520PM.jpg%3Falt%3Dmedia%26token%3D8f3c0efe-f4fb-4fd3-a026-d0cac3fe2976&width=768&dpr=4&quality=100&sign=fc610b3&sv=2)
![](https://ova-themes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1446740741-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwJWEO8FZZoHa2LzRnq1W%252Fuploads%252FCg8RfSBojV28i6xdxu2a%252FScreen%2520Shot%25202022-04-13%2520at%252010.49.16%2520AM.jpg%3Falt%3Dmedia%26token%3D9274e676-d445-486a-a214-7468277b2533&width=768&dpr=4&quality=100&sign=cd468ce2&sv=2)
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)
![](https://ova-themes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1446740741-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwJWEO8FZZoHa2LzRnq1W%252Fuploads%252Fsj8WEONRA7mUiIpXfYwv%252FScreen%2520Shot%25202022-04-13%2520at%252010.51.26%2520AM.jpg%3Falt%3Dmedia%26token%3D99a2c4be-a9ac-4739-8cb7-a053e75d7af2&width=768&dpr=4&quality=100&sign=ddc1ddc7&sv=2)
b) Show/hide Element in Desktop, Tablet/Mobile
![](https://ova-themes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1446740741-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwJWEO8FZZoHa2LzRnq1W%252Fuploads%252FrCaM93i0PCdpG7fI9Tab%252FScreen%2520Shot%25202022-04-13%2520at%252010.50.58%2520AM.jpg%3Falt%3Dmedia%26token%3D36bfbbfc-3abc-4c7c-a11b-5e81924bacf7&width=768&dpr=4&quality=100&sign=b6807a9d&sv=2)
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.
![](https://ova-themes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1446740741-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwJWEO8FZZoHa2LzRnq1W%252Fuploads%252FfDDviR3VvxkLB4yzTGoN%252FScreen%2520Shot%25202022-04-13%2520at%252010.53.41%2520AM.jpg%3Falt%3Dmedia%26token%3D1497e457-b7a2-42f1-ae61-8e5242c18947&width=768&dpr=4&quality=100&sign=d166591e&sv=2)
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
![](https://ova-themes.gitbook.io/~gitbook/image?url=https%3A%2F%2F1446740741-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwJWEO8FZZoHa2LzRnq1W%252Fuploads%252FgSSeEe01ThzTkeli81T0%252FScreen%2520Shot%25202022-04-13%2520at%252010.54.17%2520AM.jpg%3Falt%3Dmedia%26token%3Dde1a1f23-6357-40e7-8d87-6ad0f93348a4&width=768&dpr=4&quality=100&sign=7de6ca2f&sv=2)
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