Put Your Menu Anywhere
Menus are essential parts of websites, as they allow us to link through other pages or contain important information. That's why we provide the Riode Menu Element.
The Riode Menu Element provides 4+ menu display types. Each type has it's own character. Please try one by one, then you will be satisfied enough to use our element.
Horizontal Type Menu
This type is very classic and will give you feeling of comfort. There is a saying, simple is the best!
Vertical Type Menu
This type might make your menu looks different. Please provide different feeling to your customers.
Toggle Type Menu
The toggle type menu allows you to show or hide additional menu by means of hover event or something else.
Collapsible Type Menu
The Collapsible Type Menu allows you to show submenu items in a collapsible way.
Introduce A Menu Skin Concept
Riode provides you Skin Concept for styling menus globally. If you prepare 3 skin presets in advance, you can use them for different menus anytime.
The Menu Skin might be regarded as a kind of style preset for certain menu. The menu skin contains ancestor styles, content styles and toggle styles. After you have created certain skin with certain style options, every menu which has this skin will be given these style settings.
The menu normally has ancestors, content(submenu) and toggle icons. In addition, each part needs massive style options (typography, color and space). So it is too time-consuming to give styles one by one. In this case, the Menu Skin will help you.
Firstly, you have to give specific style options to a certain skin(from skin 1 to skin 3) in the theme option panel. Second, drag and drop the Menu Element into any place you want to place your menu in any page builder. Lastly, select menu skin in the multi select control on the content edition panel.
Toggle Dropdown Options
The Toggle Dropdown Menu Type is one of specials. This is very powerful, because it has flexible and descriptive options.
Custom Style Over Global
You might need to give specific style to your menu over global styles (menu skin). In this case, just use the Menu Element style settings.