Page Header
In this section, you can manage (default) page header settings. This section contains fields to manage page header, background, and breadcrumb settings. You can set page header height, enable full width and set color scheme as light or dark. You can choose color, image or video as a page header background.
Also, you can customize page header settings individually from each page.
This section contains the below fields:
Background Opacity Color (Custom)This field depends on background opacity color if set as custom. You can set custom colors as page header background opacity color.
Name | Description | |
---|---|---|
Page Header | ||
Page Header Layout | You can select the page header layout from the list. There are 5 different layouts. | |
Page Header Height | You can set page header minimum height for desktop. | |
Mobile Page Header Height | You can set page header minimum height for the mobile screen. | |
Enable Full Width | You can set the page header width. There are an option to enable/disable for set page header as full width. | |
Color Scheme | You can set the page header color scheme as light or dark. | |
Page Header – Background Settings | ||
Background Type | You can set page header background like color, image or video. | |
Background Color | This field depends on page header background type if set as color. You can set a page header background color. | |
Background Image | This field depends on page header background type if set as image. You can manage page header background image. | |
Video Source | This field depends on page header background type if set as video. You can select page header background video source as YouTube or Vimeo. | |
Video Link | This field depends on page header background type if set as video. You can set video as background in the page header. | |
Background Opacity Color | This field depends on page header background type if set as image or video. You can manage page header background opacity color. You can set opacity colors like black or custom also. | |
Breadcrumb Settings | ||
Display Breadcrumb | Enable/Disable breadcrumb for desktop. | |
Display Breadcrumb on Mobile | Enable/Disable breadcrumb for mobile screen. | |
Breadcrumb Style | You can manage breadcrumb layout. There are three layout for breadcrumb. |