With the Menu part, you can create a menu and a popup menu for your website. For example, when you visit Blackbaud’s website and hover over the Products menu, a popup menu appears. The popup menu includes menu items such as Internet Solutions and Fundraising. You can create a similar menu for your website using Menu.
Note: Some mobile devices do not support popup menus. If you use popup menus on your website, we recommend that you also create an alternate menu for mobile devices. In Layouts, you can insert a content placeholder pane for the menu with popups on a layout for desktop browsers. And on a layout for mobile devices, you can insert a content placeholder pane for the menu without popups. You can then select the layouts for a template and place only the appropriate Menu part in each pane. This way, only the correct menu will appear in desktop browsers and mobile devices. For information about how to create layouts and select them for templates, see Layouts and Pages & Templates.
You create the Menu part in two steps. One step is to add the menu definitions, such as Home and About Us. For each main menu item, you can define popup menu items. The second step is to create the style and format for the menus using tables or an unordered list. For table-based menus, you can select a color and font size to appear for a menu item when a website user hovers over the menu item. You select standard CSS style options easily on the Edit Part screen in fields such as Border color and Font color. You can also create custom styles if necessary. For menus based on unordered lists, you assign the custom class for the menu.
Note: You can add log in and log out links to your menu. On the menu part for the log in link, use the Create link to special page option to select a page that includes a User Login part. For the log out link, use the Create link to Blackbaud NetCommunity page option to select the log out page that includes the User Login part. Users view these links in the menu based on whether they are logged in or out.