> ## Content Index
> Fetch the complete content index at: https://gothru.co/docs/llms.txt
> Use this file to discover other available public pages before exploring further.

# Overlay - Berlin Menu
- URL: https://gothru.co/docs/overlay-berlin-menu/
- Published: 2020-09-19T06:06:39.000Z
- Updated: 2020-09-21T12:36:34.000Z
- Description: Berlin uses a transparent black background and green active color. This menu can also include various items to the menu list such as adding active pano and links that connect to a webpage.
- Author: Syafriko Yuliusman
- Tags: Menu Overlay, Overlay Editor

The other type of menu you can add to your overlay is **Berlin Menu**. This menu is highly customizable and used in the same way as the **Real Estate** menu but differs in its items and colors. By default, the real estate menu comes with a solid black background, whereas Berlin uses a transparent black background and green active color. This menu can also include various items to the menu list such as adding active pano and links that connect to a webpage.

## **How to work with the Berlin menu plugin?**

1\. Click on the **“+”** button (*A* key) to open the Plugin Manager for Hotspots, Menus, Maps, Control Center, and Other. Then click **Berlin Menu** under the **Menu** to open its menu settings.

![](https://lh4.googleusercontent.com/GIffzn9N6F8vHpFsAHxbHY0v4W4kAMyfUqEbCCsK12EgUJyzgGcrQSbZYI_BuXsZ76ic8Yu87WOAxrvH_zNbPM3lGgAmuIK3wCvHSK1blFdvoLSsA5YE5j-zcAoOxfur_5li6xC-)

2\. The default Berlin menu and its menu settings appear on the right side where you can configure the menu setups and add items to the menu.

![](https://lh5.googleusercontent.com/W-FHli_YnZ--zuTbu1ED_wsqSFaYnuUSOCwZT6oKY1uNySTSBP9B-CIHkxpD3YEOAKJa1FgQEXrV84E3cDKjOnOhfUziMdp-M4-Ns0JYEk7rmJwAFgi7SewVlcXxzmWoojB1zdut)

3\. Set the **Hide on start** button of the menu. This function allows you to set a button for when the menu is open and close based on mobile, tablet, or desktop.

![](https://lh5.googleusercontent.com/E_OByFAgU62CSxYX5GvTYnFpaP_WI7vhBdDjfKOZ7dWcA6rcvMopCHr-FLKCBM9kFnuQJA5W84rGmd-3Upe_9ex5mBwZXm9nJ5btrlglTqJctBqmVMZjaxprmiVuKvvIp8ciKpQ5)

4\. Give a title to the tour and its menu. By default, the Tour name is displayed on the top-left corner of the active panorama whereas the Menu title displayed over the menu.

![](https://lh6.googleusercontent.com/SvzPe6fxu4S1oJczhLRPe6UU9osGW0U6-_gz_dOXbfWYLWnaxF3Wqtz_LrGkIi_o9f476827PB8-W9Byio44GCVUl3heDg8pcDzP7yVzCCFfXEMjGXlOhva9YS5kS8nr6495x25B)

5\. Select the area for the menu position, the left or right side of your overlay screen. Defaults to the 'right side'.

![](https://lh5.googleusercontent.com/tBSUl-fQokxLRb27OVIaffH0a_KconNg5mJVtd-nymoDf9heaZG03ZR-PBdZW6YoMIGF-q1tJCJrwSloylb6mnS5G_JZPiXZ0x70GVdP-vzoELOa0HQ7OohuPcfcrXJrvp7ZTF8W)

6\. Add items to the menu list. There are two options you can add to the menu list, active pano and link. **Add link** sets a certain web link to the menu list and **Add active pano** used to add a pano to the menu list. See **“[How to add Items to the Menu List?](https://gothru.co/docs/adding-menu-items/)”** to know more about these menu items.

![](https://lh4.googleusercontent.com/uiTHT_AhJUK96u7G8xzMcMKIUomW1mR72JyALJHEpL9C6d2tq4yiM1kcURzoUUHEGau8fu17GCx4lUNIP-wK_U3DVxbhKoCK5tJbOsE-nVV3tah4uCtXOy4XHWsupBo1FREQnMV3)

7\. Fill in the contact information including the contact title and contact detail such as phone number or email.

![](https://lh4.googleusercontent.com/ttWNgtXaaI1mroa73BGTrkotOERDO1niRLzXKqwKFGUcraHmE_bgnk_q1P-aoIQZ9mP26chCNngN_VYAUWrKVVuqVc3SIjwngmTNRLRGbH_kjtcoXoks6UJQ9m9oqvq0DgF5bMoU)

8\. Adjust the colors of the menu using color options under the menu settings. **Common color** sets the menu colors to connect the colors in the general setting. **Background color** sets the color of the menu background. **Active color** can be used to change the colors of the active menu. **Text color** sets the colors of the text in the menu. **Set this color as common** is to set the color which belongs to the real estate menu plugin and determines the default colors choices for other plugins.

![](https://lh5.googleusercontent.com/siyl9HC2OJUe2MbE99ojaEDSBwxQI3Us-lNcIrP33mHw_b88OMv6FqJHN96N7U-svvRb_KxJBlAzK8kcTUCFDAP8dxRcMTd2tIg-iUwwue6bROCBEaD9NIEOvUZpBhGaccgRSPJN)

9\. Now you have a fancy Berlin menu on your virtual tour. Once you are happy with your menu setups, just click **“save”** and **“publish”** to see the results.

![](https://lh3.googleusercontent.com/tpNms6mEZ44SC1YLY3zU32LhTehjzJxhemPABKPHjYHjujnzjxNsZAg7SMEWBCNyRF6J3RjTwJtWT99cq3ccfQxhSwPol7naT3jT686eegKk565CI1qfnE1QbG3KDxQ_s6hsCZg2)

# **Available Menu setting tools**

### Hide on start

This function allows you to set a button for when the menu is open and close based on mobile, tablet, or desktop.

### Tour name

It sets a title for the whole tour displayed over the active panorama.

### Menu title

Menu title includes a title for the Berlin menu and appears on the menu.

### Area

Area sets the position where the menu is attached.

### Menu list

Here you can create the list of the menu such as adding a link or active pano.

### Contact Title

Includes the name used to identify the business contact.

### Contact

Includes contacts such as telephone, fax, or email of the business.

### Common colors

It sets the menu colors to connect the colors in the general setting.

### Background colors

The color of the background of the menu, use this tool to make the menu fit the entire virtual tour.

### Active Colors

The color of the active list on the menu, the active list is the one just clicked.

### Text Colors

The color of the text on the menu.

### Set this colors as common

This function can be used to set the color which belongs to the Berlin menu plugin and determines the default colors choices for other plugins.