Download SiteApex Menu Styles | SiteApex Support
Developer Tools
Download XCSS Menu Styles

XCSS style sheets can be edited or written from scratch to create any combination of menus. We have provided some common menu styles (as individual documents) to help you get started.

Horizontal Dropdown Menu
Template Requirements:
  1. Add the following inside <head></head>:
    <link href="CSS/xcss_menu.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 6]>
    <style type="text/css">
    body {behavior: url(CSS/csshover.htc);}
    </style><![endif]-->
  2. Place <div class="hnav"></div> around your menu tag (Example: <div class="hnav">{{SectionMenu}}</div>)
Instructions:
  1. Download the files below
  2. Edit xcss_menu.css file to customize according to your requirements
  3. Upload files to www > CSS
  4. Remember to add the template code (above) to your templates, upload and then republish your site

>> Download Now


Vertical Side Menus
Template Requirements:
  1. Add the following inside <head></head>:
    <link href="CSS/xcss_menu.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 6]>
    <style type="text/css">
    body {behavior: url(CSS/csshover.htc);}
    </style><![endif]-->
  2. Place <div class="vnav"></div> around your menu tag (Example: <div class="vnav">{{SectionMenu}}</div>)
Instructions:
  1. Download the files below
  2. Edit xcss_menu.css file to customize according to your requirements
  3. Upload files to www > CSS
  4. Remember to add the template code (above) to your templates, upload and then republish your site

Side menu with flyout category/page

>> Download Now

Side menu with pop-down category/page

>> Download Now

Side menu with popdown category and flyout page

>> Download Now


** IMPORTANT NOTE: All these menu variations can be used with either the {{SectionMenu}} or {{CategoryMenu}} tag. If using the {{CategoryMenu}} tag, the third level dropdown/flyout/popdown will be ignored.