Previous Javascript Menu Example
Menu stretched to the container size

  • This demo uses theme office_blue.
  • Menu is stretched to the container size.


To make menu stretched, following CSS rules should be added to the page:
<style type="text/css">
  .zpMenu-top {
    background: #ADCBF7;
    width: 100%;
  }
</style>
If there are several menus using different themes on a page, following CSS rules should be added for each theme that is used:
<style type="text/css">
  .zpMenu-office_blue .zpMenu-top {
    background: #ADCBF7;
    width: 100%;
  }
</style>
Where "office_blue" should be changed to corresponding theme name.