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.
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.
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.
Get the best pre-made templates from our Library. Every template has high and quaranteed quality. You could fully customize Riode Templates.
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.
If you use only a default layout of page builders, it is imperative that header responsiveness could be bad. Please build a perfect header!
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 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.
In this layout, left side has flex-auto style and right
side has flex-1 style.
In this layout, left side has flex-auto style and right
side has flex-auto style.
In this layout, left side has flex-1 style and right
side has flex-auto style.
In this layout, left side and right side have flex-1 style
and center has flex-auto style.
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!
Customers could set the header global style options in header panel of theme options when creating your site.
Please enjoy our perfect header builder!
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 headers keep the header visible at all times as you scroll down the site pages. This feature can be enabled/disabled at any devices.
Once you finish building your header, you should determine which pages your header displays in. You can set this option in page layout builder.
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!