Header & Sub-header
This section will help you with setting up the header and subheader options. There are many options to choose from and countless possibilities to create your own header style.
Header
Layout
- StyleChoose a header style: Classic, Modern, Plain, Stack: Left, Stack: Center, Stack: Right, Magazine, Creative, Creative Right, Creative: Always Open, Creative Right: Always Open, Fixed, Transparent, Simple, Empty: Subpage without Header, Below Slider, Split Menu, Split Menu Semitransparent, Below Slider with Split Menu and Overlay
- Options You can change the header to be sticky on boxed layouts and set the header for the full-width layout to extend beyond the grid.
- MinimalistEnabling this option will remove padding & the background image from your header.
Background
- the image here, you can upload an image that will be used as a background on your header.
Quick Tip!
Use a different background image for the header on each page
Just upload a featured image while editing the page
Codibu will recognize that change and overwrite the default image
- PositionSet the position of the image; you can also select the fixed position or parallax.
- SizeSet the background image size property: auto, cover, contain or cover on ultrawide screens only > 1920px.
Important!
The fixed option is not working on iOS devices.
On this operating system, this feature is disabled by default.
Top Bar Background
- ImageUpload image, which will be used in the background of the Top Bar
- PositionSet the position of the image; you can also select the fixed position or parallax.
Important!
The fixed option is not working on iOS devices.
On this operating system, this feature is disabled by default.
Sticky Header
- StickyTurn on/off the sticky header
- StyleChoose between white, dark, and the same as Top Bar left background color.
Subheader
Layout
- StyleChoose between different subheader styles. You can set the alignment of the title and breadcrumbs.
- Hide Tick on which elements inside the subheader should be hidden.
- PaddingApply padding value for the subheader.
- Title tagSelect which heading should be used in the title.
Background
- ImageUpload an image that will be used in the background of the Subheader.
- PositionSet the position of the image; you can also select the fixed position or parallax.
Quick Tip!
The fixed option is not working on iOS devices.
On this operating system, this feature is disabled by default.
- Sizes the background image size property: auto, cover, contain, or cover on ultrawide screens only > 1920px.
- TransparencySet the transparency of the subheader.
Advanced
- You can select options if the breadcrumb’s last item is a link or enable the subheader on pages with a slider attached.
Extras
Top Bar Right
- HideTurn on/off the Top Right Bar; this feature includes Search, WPML flags, and the cart icon.
Action Button
- Title for the action button.
- Link An URL for the action button.
- OptionsAdditional options for the action button include opening a new window or adding an option to scroll to a section.
Search
- Search Options for the search field. You can set the search icon to be hidden, the icon as default, the search function to display only shop results, or the field without the icon.
WPML
- Custom Switcher StyleChoose the WPML switcher style, including Flags, Dropdown, and Horizontal styles, or just hide it.
- Custom Switcher OptionsTick this option to redirect to the homepage while the translation is missing on one of the pages.
Other
- BannerContent provided here will be displayed below the menu.
Important!
This feature is made only for some headers.
This option can be used in the “Header Magazine” or “Creative” header.
Sliding Top
- Sliding TopSelect on which side the toggle of Sliding Top should be displayed.
- IconChoose an icon for the Sliding Top toggle.