Header Templates Overview
Get the best pre-made templates from our Library. Every template has high and quaranteed quality. You could fully customize Riode Templates.
Riode Header Builder
You can build a header with header builder and use it in any pages. Riode provides header builder function compared to other themes that only provide header presets.
Full Library of Prebuilt Headers
A huge collection of pixel-perfect templates that are proven their quality and serviceability through a lot of tests and can be imported only by one-click.
10+ Perfect
10+ Header Designs to Choose
We provide 10+ header templates ever made in our theme. You can easily change your header only by one-click. Please choose your favourite one!
Build Your Header With Page Builder
We can build a header by using 2 page builders and we provide premium function of page builders. It's free. Please build your header with our page builder.
WPBakery
Elementor
Header Builder Should Be Flexible!
If you use only a default layout of page builders, it is imperative that header responsiveness could be bad. Please build a perfect header!
Improper Example
Say GoodBye to Classic Builders
Page builders' default column and row couldn't help you avoid bad responsiveness because you can't fully customize flex style on tablet and mobile mode.
Riode Provides 4 Smart Grid Layout
Riode provides 4 other grid layouts except the page builders' default grid layout so that you can build perfect footer. Please try to use our smart grid layout.
Auto + Full Layout
In this layout, left side has flex-auto style and right
side has flex-1 style.
Full + Full Layout
In this layout, left side has flex-auto style and right
side has flex-auto style.
Full + Auto Layout
In this layout, left side has flex-1 style and right
side has flex-auto style.
Full + Auto + Full Layout
In this layout, left side and right side have flex-1 style
and center has flex-auto style.
Global Style Options
We support various style options for header. Customers could customize the header global styles in theme options and also in the page builder. Please enjoy our perfect header builder!
01.
Theme Options
Customers could set the header global style options in header panel of theme options when creating your site.
Please enjoy our perfect header builder!
02.
Wrapper Options
And you can also customize the header global style options in page builder. In the section or column, you can customize the color, typography and so on.
Please enjoy our perfect header builder!
Comes with 11 Exclusive Elements
Riode provides 11+ exclusive elements which are used efficiently while you are building headers. You can easily and quickly build your header by using them.
ACCOUNT
ADD TO CART
COMPARE
CURRENCY
LANGUAGE
LOGO
MENU
MOBILE MENU
MENU
MOBILE MENU
SEARCH
VERTICAL DIVIDER
WISHLIST
01.
Logo Element
You can set your header logo by using logo element. Before you use the logo element, you should set all informations related with logo in Site Identify Option of Theme Option.
Please try to use our logo element.
02.
Account Element
Account element shows customer's account information like avatar, name or menus. It allows you to login or register easily on popup without going to your account page.
Please try to use our account element.
03.
Cart Element
With cart element, you can show mini list of products that are now in cart list of dropdown type or off-canvas type. You can also build cart elements with several types by using several options.
Please try to use our cart element.
04.
Compare Element
With compare element, you can show mini list of products that are now in compare list of dropdown type or off-canvas type. Or you can simply navigate to compare page.
Please try to use our compare element.
05.
Currency Switcher Element
Currency switcher is used in woocommerce websites with multi-currency. It is fully compatible with famous plugins such as woocommerce and WPML. It can be showed as menu in the currency switcher menu location.
Please try to use our currency switcher element.
06.
Language Switcher Element
Language switcher is used in woocommerce websites with multi-Language . It is fully compatible with famous plugins such as WooCommerce and WPML. It can be showed as menu in the Language switcher menu location.
Please try to use our language switcher element.
07.
Wishlist Element
With wishlist element, you can show mini list of products that are now in wishlist list of dropdown type or off-canvas type. You can also build wishlist elements with several types by using several options.
Please try to use our wishlist element.
08.
Search Element
We support several style options and functions for search element. Therefore, you can easily build your search form for your header.
Aliquam id diam maecenas ultricies mi eget mauris.
09.
Menu Element
The Menu Element is not only super flexible with a vast array of styling options, but it is also highly functional. It can be used anywhere within our website.
Please try to use our menu element.
10.
Vertical Divider Element
You can vertically control the space between elements with vertical divider element without giving custom style. For this, we support several options for vertical divider element.
Please try to use our vertical divider element.
11.
Mobile Menu Toggle Element
We support several style options and functions for Mobile Menu Toggle element. Therefore, you can easily build your mobile menu by using this.
Please try to use our mobile menu toggle element.
Sticky Header Setup & Options
Sticky headers keep the header visible at all times as you scroll down the site pages. This feature can be enabled/disabled at any devices.
Show Header on Any Pages
Once you finish building your header, you should determine which pages your header displays in. You can set this option in page layout builder.
Get more about page layout options Here
Responsive Headers on Any Devices
We support styles for header per every devices so that you can look responsive headers on any devices. Please use our powerful and flexible header builder!