App Menu Configuration for Web Newsstand

The dynamic content offers a configurable app menu (app_menu.xml) for apps and web newsstand. For the web newsstand this menu is maintained in the dynamic content in the "web" folder. 
Localization based on the browser's language setting is possible by creating a subfolder in the "web" folder with the corresponding language code (e.g. "de"). The contained app_menu.xml will be visible.
Read more about localizing the menu here.

NOTE: If there is no app_menu.xml in the "web" folder, the app_menu.xml from the "default" (= app) folder is automatically used as an alternative, so that there is always a fallback setting. All functions that are supported by the web newsstand are then displayed. The following are some of the functions not displayed: Newsfeed, subscriptions, restoring purchases, bookmarks, sharing.
If a browser's language is part of the localization for the app menu and there is non defined in the "web" folder, this app menu localization will apply to the language of the web newsstand's menu.

The color design of the menu is controlled by the CSS file webkiosk.css in the "web" folder. You can specify the desired colors for the entries. Please only change the boldly marked entries with HTML color codes.

An example of the CSS file for the menu looks like this:

.app-menu {background-color: #135b7d;}
The selected code defines the background color for the entire menu. It is also the default background color for an item in the menu.

 .app-menu ul li:hover,
 .app-menu ul li.active {background-color: white;}
The selected code defines the background color for an item that is active or has been selected and is now displayed.

  .app-menu ul li,
  .app-menu ul li a,
  .app-menu ul li,
  .app-menu ul li a {color: white;}
The selected code defines the default text color for an item in the menu.

  .app-menu ul li:hover,
  .app-menu ul li:hover a,
  .app-menu ul li.active,
  .app-menu ul li.active a {color: #135b7d;}
The selected code defines the text color for an active item in the menu.

  .app-menu ul li .app-menu-icon.svg rect,
  .app-menu ul li .app-menu-icon.svg rect {fill: white;}
The selected code defines the default color of an icon for an item in the menu.

  .app-menu ul li:hover .app-menu-icon.svg rect,
  .app-menu ul li.active .app-menu-icon.svg rect {fill: #135b7d;}
The selected code defines the color of an icon for an active item in the menu.