Enable/Style Expandable Navigation in Your Side Navigation

Enable/Style Expandable Navigation in Your Side Navigation

You have the ability to enable expandable menus in all of the side navigation layouts. An expandable menu is simply a section of pages you have categorized in your navigation menu that is able to be viewed by a click of the mouse.

Note: These options are only available with side navigation layouts.

1. To start, you will want to create and organize your sitemap in Content by adding new pages or Navigation Items. See this article for steps on adding a secondary menu (only pages designated as secondary pages will be included in the expanded area).

How do I create sub-navigation (dropdown) menus?

2. Select the Design tool in the gray navigation bar, then on the right-hand side of the preview, under Sitewide, select Navigation.

Screen_Shot_2018-08-01_at_8.41.59_AM.png

3. Scroll down the design options and open the Expandable Menus area.

4. You will see an area for Sub-Navigation. Click the drop-down to show your options.

Select "Expand to click": choosing this option will place all secondary pages into collapsed dropdown areas that can be expanded via a click in the navigation menu.

To elaborate, "Expand on click" will enable the drop-down option in your navigation menu. Selecting "Always expand" will keep your navigation in it's normal view where all pages/secondary pages are shown in the navigation menu. Make your design changes in this area, then select Save to finish.

Screen_Shot_2018-08-01_at_8.42.23_AM.png

5. You will also see options to style the navigation text color and the selected text color (current/selected page), along with the background color.

expand_menu.gif

6. Select the Save and Publish button to take your changes live!

 

    • Related Articles

    • Style your Navigation

      We offer up a vast selection of options for your site's navigation. Your site automatically comes with the styling chosen for your mobile navigation that will match the template you picked. You will find all the customization options for your ...
    • Set Mobile Navigation to Always be a Drop-Down Menu

      By default, your site's main navigation collapses to a drop-down menu on mobile devices. However, for your site's homepage in desktop view, you can choose to show the full navigation if the number of links is less than or equal to a certain ...
    • Change the Font/Text Style of Your Navigation Menu

      You can change the font or text style of your Navigation menu items on your website's Design panel. Follow the steps below to change the appearance of your navigation menu. Click DESIGN at the top of your SpaceCraft dashboard. Click the Sitewide tab ...
    • Style Your Mobile Navigation

      We offer up a robust selection for your site's mobile navigation. Your site comes with a mobile navigation that will match the template you picked. You will find all customization options for your navigation within the Design tool. 1. Select the ...
    • Style Your Password Protected Page

      After you password protect your page or website, you'll want to style the way it looks. 1. Select the Design tab in the gray navigation bar and click into the Sitewide tab in the right-hand menu, and select Styles. 2. Then, select Password Protection ...