Insert an Image Widget into the Mega Menu

Prev Next

The Image widget allows you to add a picture to your menu. This article will show you how to add an Image widget to your site's Mega Menu.

Who can use this feature?

System Administrators

Instructions

  1. Sign in to your site.

    Note:

    Website preferences may change what this looks like, but adding "/Admin" to your website's URL will take you to a sign-in screen.

  2. Ensure that the Live Edit state is toggled to ON:

    CivicPlus Municipal Websites Central interface showing live edit status and navigation options. The Live Edit is On status is highlighted.

  3. Hover over your desired Mega Menu to expand or open it:

    Website interface showing Civic Springs navigation and emergency alerts for residents. A Mega Menu category and its menu are highlighted.

  4. Hover over the Mega Menu items and click the Pin button to keep the Mega Menu expanded:

    Navigation menu displaying options for applying, finding, and submitting information. The Pin button is highlighted.

    Note:

    This lets you make edits without having to hover directly over the Mega Menu.

  5. In the Live Edit pane, click the Widgets tab:

    CivicPlus interface showing modules including highlighted Widgets section for website management.

  6. On the Widgets tab, drag and drop the Image Widget to your Mega Menu:

    Menu options include image and page management features. The drag-and-drop option for the Image Widget is highlighted.

  7. Find your image in the Content Images dialog box. Click the Insert button next to the image you want to add to the Mega Menu:

    Content management interface displaying the Municipal Complex. The Insert button is highlighted

  8. View the image in the menu:

    CivicPlus building with various services and links displayed. The CivicPlus building image is highlighted.

  9. Click the Pin button again to close the menu:

    Civic Springs city website showcases government services and local information options. The Pin button is highlighted.