Working With Menus

The Breeze Website Builder comes with two types of menus: Pure CSS and JavaScript. Which one you select depends on your needs and the design of your website. The pure CSS menus will work even if JavaScript is being blocked in the user's browser whereas the JavaScript menu will have very limited functionality. As of this time, CSS menus probably have better results with search engines because the visible links to the JavaScript menus are only found between the <noscript> tags. Visually, JavaScript menus can have gaps between parent items and sub-level items whereas CSS menus cannot. Also, JavaScript menus can have a delay transition where the CSS menus expand only instantly. Both CSS and JavaScript menus allow for different styling for top level, sub level 1 and sub level 2, but the JavaScript menus can be styled a bit more independently between the levels than the CSS menu. As of this writing JavaScript menus may be less desirable for header and footer assignments because positioning is only by pixel and not by percent. The workaround is to assign the JavaScript menu to the top or bottom, then position it out of those areas over the header or footer. (Note: This is how the menus are at the time of this writing, but future improvements could eliminate these limits. In fact, there are enough animation features and so forth in CSS3 that the CSS menus could completely make the JavaScript menu obsolete.)

Step 1 is to assign your menu to a border area. For more information see Managing Menu Assignments

Step 2 is to create your menu items. For more information see Editing Menu Items

Step 3 is to position and size the menu and menu items. For more information see Editing CSS Menu Parameters or Editing JavaScript Menu Parameters

Step 4 is to style the menu items. For more information see Editing CSS Menu Styles or Editing JavaScript Menu Styles