Skip to main content

A responsive menu for Plone themes.

Project description


This package provides a responsive replacement for the plone.global_sections viewlet. But note that just installing this theme in itself does not replace anything. You will have to adjust your theme to make use of this package.

Set up in your theme product

Add the package as dependency to you theme product. To do so add to the section install_requires in your

     # -*- Extra requirements: -*-

Next, add to your metadata.xml:


Run your buildout.

Next you need to add the viewlet to your browser configure.zcml:

<!-- Responsive menu -->

Everything is in place. Now you have to hide the global.navigation viewlet, because you use the edition1 responsive menu instead:

<order manager="plone.portalheader" skinname="Your Theme" purge="True">
   <viewlet name="plone.global_sections" remove="true" />

<hidden manager="plone.portalheader" skinname="Your Theme">
   <viewlet name="plone.global_sections" />

Start up your instance and go to plone control panel/Add-ons. Install Go back to control panel and click on “Menu settings” in the section Add-on Configuration. You can configure the minimal width of the wide menu, navigation tree depth and maximal number of items in wide menu.


  • Mark van Lent, markvl, Edition1
  • Mirella van Teulingen, mirelvt, Edition1


0.1a7 (2013-12-20)

  • Add ‘parent’ and ‘current’ classes to <li> tags of the menu. [maciekz]

0.1a6 (2013-11-20)

  • Fix error when actions are in the menu (like the Home item) that have no children. [markvl]

0.1a5 (2012-11-28)

  • Load setMenuSize() in the template, instead of on document.ready. Otherwise you will see the menu in the wrong layout before it is styled correctly. [mirella]

0.1a4 (2012-11-26)

  • Fix the fix of the small menu. The small menu stopped working when it was expanded and the windows was resized from small to big and back again. [markvl]

0.1a3 (2012-11-26)

  • Small fix where the small menu is expanded when the window is resized from big to small. [markvl]

0.1a2 (2012-11-22)

  • Add a configuration option to always use the small menu when there are more than X menu items. (So we can prevent overflowing the menu even on ‘desktop’ screens.) [markvl]
  • Make the small version of the menu work: start with children collapsed (hidden) and expand (visible) when needed. First click expands, second click collapses. [markvl]
  • Use a class to mark that a menu item has children. (And remove the hard coded greater than sign.) [markvl]
  • Remove duplication from the menu templates by moving the complete <ul> structure to the menu_recurse template. [markvl]

0.1a1 (2012-11-15)

  • Package created using templer [markvl]

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for, version 0.1a7
Filename, size File type Python version Upload date Hashes
Filename, size (38.8 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring DigiCert DigiCert EV certificate Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page